add dark mode support for the example stylesheet
| 1 files changed, 48 insertions(+), 0 deletions(-) | |||
|---|---|---|---|
| M | style.css | +48 | -0 |
1@@ -104,3 +104,51 @@ pre a.i:hover,
2 pre a.d:hover {
3 text-decoration: none;
4 }
5+
6+@media (prefers-color-scheme: dark) {
7+ body {
8+ background-color: #000;
9+ color: #bdbdbd;
10+ }
11+ hr {
12+ border-color: #222;
13+ }
14+ a {
15+ color: #56c8ff;
16+ }
17+ a:target {
18+ background-color: #222;
19+ }
20+ .desc {
21+ color: #aaa;
22+ }
23+ #blob a {
24+ color: #555;
25+ }
26+ #blob a:target {
27+ color: #eee;
28+ }
29+ #blob a:hover {
30+ color: #56c8ff;
31+ }
32+ pre a.h {
33+ color: #00cdcd;
34+ }
35+ .A,
36+ span.i,
37+ pre a.i {
38+ color: #00cd00;
39+ }
40+ .D,
41+ span.d,
42+ pre a.d {
43+ color: #cd0000;
44+ }
45+ #branches tr:hover td,
46+ #tags tr:hover td,
47+ #index tr:hover td,
48+ #log tr:hover td,
49+ #files tr:hover td {
50+ background-color: #111;
51+ }
52+}