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

dark-mode: Fix @-mention colors. 

This fixes mention colors for dark mode.
This commit is contained in:
Brock Whittaker 2017-11-29 14:07:07 -08:00 committed by Tim Abbott
parent 377cad7dc2
commit 1716d69c35
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/styles/dark.css
View File

@ -227,3 +227,23 @@ body.dark-mode .nav-list > li > a,
body.dark-mode .nav-list .nav-header {
text-shadow: none;
}
body.dark-mode .mention .messagebox {
background-color: hsla(8, 78%, 43%, 0.15);
}
body.dark-mode .user-mention,
body.dark-mode .user-group-mention {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0, 0%, 0%, 0.1)), color-stop(100%,hsla(0, 0%, 0%, 0.0)));
background: -webkit-linear-gradient(top, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%);
background: -o-linear-gradient(top, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%);
background: -ms-linear-gradient(top, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%);
background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.2) 0%, hsla(0, 0%, 0%, 0.1) 100%);
box-shadow: 0px 0px 0px 1px hsla(0, 0%, 0%, 0.4);
}
body.dark-mode .user-mention-me {
background: hsla(355, 37%, 31%, 1);
box-shadow: 0px 0px 0px 1px hsla(330, 40%, 20%, 1);
}