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

icons: Express global filter icons as colors.

Browse Source
This commit is contained in:
Karl Stolley 2023-09-15 11:20:00 -05:00 committed by Tim Abbott
parent b845ef5091
commit a764c15bcb
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/left_sidebar.css
View File

@ -58,6 +58,10 @@ $before_unread_count_padding: 3px;
}
}
#global_filters .filter-icon i {
color: var(--color-global-filter-icon);
}
#stream_filters,
#global_filters {
margin-right: 12px;
@ -542,10 +546,6 @@ li.active-sub-filter {
margin-top: 1px !important;
}
& i {
opacity: 0.7;
}
.zulip-icon-inbox {
font-size: 14px;
top: 2px;

4
web/styles/zulip.css
View File

@ -181,6 +181,9 @@ body {
--color-message-action-visible: hsl(216deg 43% 20% / 50%);
--color-message-action-interactive: hsl(216deg 43% 20% / 100%);
--color-message-star-action: hsl(41deg 100% 47% / 100%);
/* The gray on the filter icons is the same as
what's set on ul.filters, but with 70% opacity. */
--color-global-filter-icon: hsl(0deg 0% 20% / 70%);
/* Message feed loading indicator colors */
--color-zulip-logo: hsl(0deg 0% 0% / 34%);
@ -260,6 +263,7 @@ body {
--color-icon-bot: hsl(180deg 5% 50% / 100%);
--color-message-action-visible: hsl(217deg 41% 90% / 50%);
--color-message-action-interactive: hsl(217deg 41% 90% / 100%);
--color-global-filter-icon: hsl(0deg 0% 100% / 56%);
/* Message feed loading indicator colors */
--color-zulip-logo: hsl(0deg 0% 100% / 50%);