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

recent_topics: Change background color in dark mode on hover on a row. 

Fixes #30083.
We have used the dark theme color for the left sidebar row hover:
`--color-background-active-narrow-filter`. We are not using that variable
directly since we don't want a change in that color affecting the color in
recent conversations.
We've also used a single color on hover compared to 2 different colors
for unread and read row before. Light mode also uses a single color on
hover.
Relevant CZO conversation:
https://chat.zulip.org/#narrow/stream/101-design/topic/Hover.20color.20in.20Recent.20conversations.20dark.20mode.2E/near/1797727
This commit is contained in:
Shubham Padia 2024-05-14 10:27:29 +05:30 committed by Tim Abbott
parent 160076fdfa
commit 4ee37244bb
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/dark_theme.css
View File

@ -693,7 +693,7 @@
background-color: var(--color-background);
&:hover {
background-color: hsl(208deg 26% 11% / 60%);
background-color: var(--color-background-active-narrow-filter);
}
}
@ -701,7 +701,7 @@
background-color: hsl(212deg 30% 22% / 40%);
&:hover {
background-color: hsl(212deg 30% 22% / 60%);
background-color: var(--color-background-active-narrow-filter);
}
}