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

navbar: Use new purple icon color with left-sidebar toggle. 

This also implements the same hover and focus-visible styles
as icons on the righthand side of the navbar.
This commit is contained in:
Karl Stolley 2023-10-26 10:21:52 -04:00 committed by Tim Abbott
parent 1f0e9b4587
commit a9421f6ba0
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/styles/dark_theme.css
View File

@ -733,16 +733,10 @@
color: hsl(236deg 33% 90%);
}
#streamlist-toggle,
#userlist-toggle {
color: inherit;
}
#streamlist-toggle-button {
color: inherit;
background-color: inherit;
}
#userlist-toggle-button {
color: hsl(221deg 9% 54%);

21
web/styles/zulip.css
View File

@ -2286,12 +2286,29 @@ div.focused-message-list {
#streamlist-toggle-button {
text-decoration: none;
color: hsl(0deg 0% 52%);
color: var(--color-navbar-icon);
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
&:hover {
background-color: var(--color-header-button-hover);
}
&:active {
background-color: var(--color-header-button-focus);
}
&:focus {
outline: 0;
}
&:focus-visible {
outline: none;
background-color: var(--color-header-button-focus);
}
}
#streamlist-toggle-unreadcount {
@ -2299,7 +2316,7 @@ div.focused-message-list {
display: none;
height: 6px;
width: 6px;
background-color: var(--color-background-unread-counter-dot);
background-color: var(--color-navbar-icon);
top: 10px;
right: 9px;
border: 2px solid var(--color-background-navbar);