Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

unread_count: Introduce classes for different counts. 

This includes more prominent quiet counts, with increased
font-weight and, in dark mode, a brighter text color.
This commit is contained in:
Karl Stolley 2024-11-07 11:00:24 -06:00 committed by Tim Abbott
parent a632948482
commit 0e3be942b9
2 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/styles/app_components.css
View File

@ -623,6 +623,25 @@ input.settings_text_input {
color: hsl(0deg 0% 100%);
}
/* Unread-count attention levels. */
.prominent-count {
background-color: var(--color-background-unread-counter-prominent);
color: var(--color-unread-counter-prominent);
}
.normal-count {
background-color: var(--color-background-unread-counter-normal);
color: var(--color-unread-counter-normal);
box-shadow: var(--box-shadow-unread-counter-normal);
}
.quiet-count {
background-color: var(--color-background-unread-counter-quiet);
color: var(--color-unread-counter-quiet);
font-weight: 475;
}
.unread_mention_info:not(:empty) {
margin-right: 5px;
margin-left: 2px;

2
web/styles/app_variables.css
View File

@ -1177,7 +1177,7 @@
--color-background-unread-counter-quiet: transparent;
--color-unread-counter-prominent: hsl(0deg 0% 100%);
--color-unread-counter-normal: hsl(0deg 0% 100% / 85%);
--color-unread-counter-quiet: hsl(240deg 15% 60%);
--color-unread-counter-quiet: hsl(240deg 15% 65%);
/* Legacy unread-counter color value. */
--color-background-unread-counter: var(
--color-background-unread-counter-prominent