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

left_sidebar: Display dark-mode condensed unreads without alpha.

Browse Source
This commit is contained in:
Karl Stolley
2023-11-03 09:52:59 -05:00
committed by Tim Abbott
parent 666ac2c445
commit 14ef3a5464
2 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/styles/left_sidebar.css
View File

@@ -534,6 +534,7 @@ li.active-sub-filter {
.unread_count {
top: -6px;
right: -6px;
background: var(--color-background-unread-counter-no-alpha);
}
}

12
web/styles/zulip.css
View File

@@ -395,6 +395,18 @@ body {
--color-border-dropdown-menu: hsl(0deg 0% 0%);
--color-border-personal-menu-avatar: hsl(0deg 0% 100% / 20%);
--color-background-unread-counter: hsl(105deg 2% 50% / 50%);
/* When unreads are hovered on the condensed
views, they should not have an alpha.
The second color aligns with dark mode's
--color-background. We use the value
directly so that this gets compiled down to
an rgb() value by PostCSS Preset Env. */
--color-background-unread-counter-no-alpha: color-mix(
in srgb,
hsl(105deg 2% 50%) 50%,
hsl(0deg 0% 11%)
);
--color-background-unread-counter-dot: hsl(105deg 2% 50% / 90%);
--color-background-unread-counter-popover-menu: hsl(105deg 2% 50% / 50%);
--color-border-unread-counter: hsl(105deg 2% 50%);