Leahnaya/pokemon-showdown-client
1
0
Fork 0
mirror of https://github.com/smogon/pokemon-showdown-client.git synced 2026-05-05 21:16:26 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Improve Dark Mode

Browse Source 
This adds various improvements to ladder headers, tournaments, chat,
and teambuilder in dark mode.
This commit is contained in:
Guangcong Luo 2016-01-21 23:59:19 -05:00
parent 0a39ebf140
commit 4bd4dd61a3
1 changed files with 60 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
style/client.css
View File

@ -117,10 +117,7 @@ button:disabled {
}
.dark .textbox {
border: 1px solid #777777;
border-radius: 3px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9pt;
border-color: #777777;
box-shadow: none;
background: #282B2D;
@ -1056,6 +1053,7 @@ p.or:after {
text-align: left;
font-size: 9pt;
background: #EEEEEE;
color: #111111;
}
.ladder span {
color: gray;
@ -3004,8 +3002,11 @@ a.ilink.yours {
background: rgba(0,0,0,.30);
}
.dark .ps-room.ps-room-light {
background: rgba(0,0,0,.80);
.dark .ps-room.ps-room-light,
.dark .tournament-box,
.dark .tournament-status,
.dark .tournament-toggle {
background: rgba(0,0,0,.65);
color: #DDD;
}
@ -3068,6 +3069,13 @@ a.ilink.yours {
color: #555;
}
.dark .userlist strong,
.dark .userlist span {
text-shadow: 1px 1px 0 #222222;
}
.dark .userlist li {
border-bottom-color: #444;
}
.dark .userlist li button:hover {
background: #222222;
}
@ -3081,6 +3089,52 @@ a.ilink.yours {
background: #DDDDDD;
}
.dark .folderpane {
border-left-color: #77838c;
}
.dark .folderlist .foldersep:before,
.dark .folderlistafter:before,
.dark .folderlistbefore:before,
.dark .folderpane h3,
.dark .folder .selectFolder,
.dark .folderhack1,
.dark .folderhack2 {
background: #77838c;
}
.dark .folder .selectFolder:hover {
background: #67737c;
}
.dark .folder .selectFolder.active,
.dark .folder .selectFolder:active {
background: #27333c;
color: white;
}
.dark .folder.cur .selectFolder {
background: transparent;
}
.dark .setchart,
.dark .setchart-nickname {
background-color: #5A6570;
box-shadow: none;
}
.dark .setcol-icon label {
text-shadow: #5A6570 1px 1px 0,#5A6570 1px -1px 0,#5A6570 -1px 1px 0,#5A6570 -1px -1px 0;
}
.dark .setchart label,
.dark .setchart-nickname label {
color: #BBB;
}
.dark .highlighted {
background: rgba(255,200,0,0.15);
}
.dark a.ilink {
color: #4488EE;
}
/*********************************************************
* <blink>
*********************************************************/