CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-30 21:11:04 +08:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

search: Tune colors to Vlad's proposals.

Browse Source
This commit is contained in:
Karl Stolley 2025-07-28 09:20:31 -05:00 committed by Tim Abbott
parent a7e3d5c0b0
commit f355c28fa5
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/styles/app_variables.css
View File

@ -825,10 +825,14 @@
hsl(0deg 0% 100% / 19%)
);
--color-outline-focus: hsl(215deg 47% 50%);
--color-background-search: light-dark(hsl(0deg 0% 100%), hsl(0deg 0% 20%));
--color-background-search: light-dark(hsl(0deg 0% 100%), hsl(0deg 0% 17%));
--color-background-search-collapsed: light-dark(
hsl(0deg 0% 100%),
hsl(0deg 0% 20%)
);
--color-background-search-option-hover: light-dark(
hsl(0deg 0% 94%),
hsl(0deg 0% 30%)
hsl(0deg 0% 20%)
);
--color-search-box-hover-shadow: light-dark(
hsl(0deg 0% 0% / 10%),
@ -1805,6 +1809,11 @@
hsl(237deg 68% 94%),
hsl(240deg 65% 60% / 22%)
);
/* Tuned pill for the search bar in dark mode. */
--color-background-input-pill-search: light-dark(
hsl(237deg 68% 94%),
hsl(240deg 65% 60% / 30%)
);
--color-background-input-pill-hover: light-dark(
hsl(240deg 70% 70% / 30%),
hsl(240deg 52% 60% / 45%)

2
web/styles/search.css
View File

@ -74,6 +74,7 @@
.navbar-search:not(.expanded) {
right: 0;
background-color: var(--color-background-search-collapsed);
.search_close_button {
display: none;
@ -240,6 +241,7 @@
.pill {
margin: 0;
min-width: unset;
background-color: var(--color-background-input-pill-search);
}
&:not(.focused) {