paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

typeahead: Change background of active elements.

Browse Source
This commit is contained in:
Aman Agrawal
2024-06-17 05:24:40 +00:00
committed by Tim Abbott
parent a8eff69fc2
commit 5f956cd369
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/app_variables.css
View File

@@ -628,10 +628,11 @@
/* Same color as background color of header / footer */
--color-border-emoji-picker-tippy-arrow: hsl(0deg 0% 93%);
/* Dropdown constants */
/* Dropdown / Typeahead constants */
--color-dropdown-item: hsl(0deg 0% 20%);
--color-active-dropdown-item: hsl(0deg 0% 0%);
--background-color-active-dropdown-item: hsl(220deg 12% 4.9% / 5%);
--background-color-active-typeahead-item: hsl(221.14deg 89.74% 92.35%);
}
%dark-theme {
@@ -981,10 +982,13 @@
/* Same color as background color of header / footer */
--color-border-emoji-picker-tippy-arrow: hsl(211.58deg 33.33% 11.18%);
/* Dropdown constants */
/* Dropdown / Typeahead constants */
--color-dropdown-item: hsl(0deg 0% 75%);
--color-active-dropdown-item: hsl(0deg 0% 90%);
--background-color-active-dropdown-item: hsl(220deg 12% 100% / 7%);
--background-color-active-typeahead-item: hsl(
226.35deg 82.53% 55.1% / 38.82%
);
}
@media screen {

2
web/styles/zulip.css
View File

@@ -850,7 +850,7 @@ strong {
&:hover,
&:focus {
color: var(--color-active-dropdown-item);
background-color: var(--background-color-active-dropdown-item);
background-color: var(--background-color-active-typeahead-item);
}
}
}