Use Dark Mode theming for Main Menu

"Format/Team" and the spectator checkbox have too low contrast on
certain backgrounds.

I suspect we'll get a lot of complaints regarding the redesign, but
oh well, accessibility wins here.
This commit is contained in:
Guangcong Luo 2020-07-11 20:55:24 -07:00
parent 986841acd8
commit 25afe30af0
3 changed files with 5 additions and 10 deletions

View File

@ -171,7 +171,8 @@ button:disabled {
color: black;
text-shadow: none;
}
.dark .checkbox:hover {
.dark .checkbox:hover,
.menugroup .checkbox:hover {
background: #383838;
color: white;
}

View File

@ -5,7 +5,7 @@ License: GPLv2
*/
@import url(./battle-log.css?v3);
@import url(./battle-log.css?v4);
.battle {
position: absolute;

View File

@ -439,7 +439,7 @@ select {
background: #EEEEEE;
border-color: #CCCCCC;
border-style: solid;
border-size: 1px;
border-width: 1px;
color: #999999;
text-shadow: none;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
@ -1082,12 +1082,9 @@ p.or:after {
max-width: 270px;
border-radius: 20px;
background: rgba(201, 207, 219, .6);
background: rgba(0,0,0,.2);
color: white;
text-shadow: 0 1px 0 black;
}
.menugroup {
background: rgba(201, 207, 219, .4);
text-align: center;
}
@ -3380,9 +3377,6 @@ a.ilink.yours {
/* main menu */
.dark .menugroup {
background: rgba(0,0,0,.2);
}
.dark .pm-window.focused h3,
.dark .pm-window.focused .pm-log,
.dark .pm-window.focused .pm-log-add {