0
0
mirror of https://github.com/ankidroid/Anki-Android.git synced 2024-09-20 12:02:16 +02:00

Improve night mode for chess boards.

* Always use black font.
* Flip light and dark squares.
* Style more consistently with day mode.
This commit is contained in:
Enno Hermann 2016-10-22 22:51:57 +01:00
parent 0e365041a8
commit 3676f8078b

View File

@ -1,10 +1,10 @@
.chess_board {
color: black;
border:1px solid #333;
}
.chess_board td {
background: -webkit-gradient(linear,0 0, 0 100%, from(#e4dff), to(#e4dff));
-webkit-box-shadow:inset 0 0 0 0px #000;
background-color: #fff;
font-family: "Chess Merida Unicode", sans-serif;
height:30px;
width:30px;
@ -15,16 +15,15 @@
.chess_board tr:nth-child(odd) td:nth-child(even),
.chess_board tr:nth-child(even) td:nth-child(odd) {
background:-webkit-gradient(linear,0 0, 0 100%, from(#b1ccff), to(#b1ccff));
background-color: #b1ccff;
-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.4);
}
.night_mode .chess_board td {
background:-webkit-gradient(linear,0 0, 0 100%, from(#000), to(#333));
-webkit-box-shadow:inset 0 0 0 1px #000;
background-color: #777;
}
.night_mode .chess_board tr:nth-child(odd) td:nth-child(even),
.night_mode .chess_board tr:nth-child(even) td:nth-child(odd) {
background:-webkit-gradient(linear,0 0, 0 100%, from(#555), to(#777));
-webkit-box-shadow:inset 0 0 8px rgba(128, 128, 128,.4);
background-color: #444;
-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.4);
}