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

topic_list: Add a CSS variable for the unmuted topic's color. 

This commit adds the CSS variable '--color-unmuted-topic-list-item'
for the unmuted topic's color in the topic list.

The color for both the light and dark themes is defined in
'zulip.css' and used in 'left_sidebar.css'.

This approach helps to remove the use of the selector 'unmuted_topic'
only for color definition in 'dark_theme.css'.
This commit is contained in:
Prakhar Pratyush 2023-09-11 13:31:04 +05:30 committed by Tim Abbott
parent 5874c6542f
commit 07fd2aa344
3 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/dark_theme.css
View File

@ -38,10 +38,6 @@
color: hsl(236deg 33% 90%/50%);
}
& li.unmuted_topic {
color: hsl(236deg 33% 90%);
}
& li.out_of_home_view {
&:hover {
color: hsl(236deg 33% 90%/ 75%);

2
web/styles/left_sidebar.css
View File

@ -397,7 +397,7 @@ ul.filters {
}
& li.unmuted_topic {
color: hsl(0deg 0% 20%);
color: var(--color-unmuted-topic-list-item);
.unread_count {
opacity: 1;

2
web/styles/zulip.css
View File

@ -163,6 +163,7 @@ body {
--color-unread-marker: hsl(217deg 64% 59%);
--color-failed-message-send-icon: hsl(3.88deg 98.84% 66.27%);
--color-background-modal: hsl(0deg 0% 98%);
--color-unmuted-topic-list-item: hsl(0deg 0% 20%);
/* Text colors */
--color-text-default: hsl(0deg 0% 20%);
@ -219,6 +220,7 @@ body {
--color-navbar-bottom-border: hsl(0deg 0% 0% / 60%);
--color-unread-marker: hsl(217deg 64% 59%);
--color-background-modal: hsl(212deg 28% 18%);
--color-unmuted-topic-list-item: hsl(236deg 33% 90%);
/* Text colors */
--color-text-default: hsl(0deg 0% 100% / 75%);