1.day { background: #eee; color: black; }
2.night { background: #333; color: white; }
3
4@media (prefers-color-scheme: dark) {
5 .day.dark-scheme { background: #333; color: white; }
6 .night.dark-scheme { background: black; color: #ddd; }
7}
8
9@media (prefers-color-scheme: light) {
10 .day.light-scheme { background: white; color: #555; }
11 .night.light-scheme { background: #eee; color: black; }
12}
13
14.day, .night {
15 display: inline-block;
16 padding: 1em;
17 width: 7em;
18 height: 2em;
19 vertical-align: middle;
20}
21