|
1 | 1 | :root { |
2 | 2 | /* Light theme colors (default) */ |
| 3 | + |
| 4 | +--accent-color:#c04828; |
| 5 | + |
3 | 6 | --dark-fg-color:#fff; |
4 | 7 | --light-fg-color:#141414; |
5 | 8 | --light-bg-color:var(--dark-fg-color); |
6 | 9 | --dark-bg-color:var(--light-fg-color); |
7 | 10 | --fg-color:var(--light-fg-color); |
8 | 11 | --bg-color:var(--light-bg-color); |
9 | | ---light-link-color:#c04828; |
10 | | ---dark-link-color:#c04828; |
11 | | ---link-color:var(--light-link-color); |
| 12 | +--link-color:var(--accent-color); |
12 | 13 | --light-highlight-bg-color:#ededed; |
13 | 14 | --light-highlight-fg-color:#595959; |
14 | 15 | --dark-highlight-bg-color:#27272a; |
15 | 16 | --dark-highlight-fg-color:#ededed; |
16 | 17 | --highlight-fg-color:var(--light-highlight-fg-color); |
17 | 18 | --highlight-bg-color:var(--light-highlight-bg-color); |
18 | | ---link-text-color:#c04828; |
19 | | ---border-color:#ddd; |
| 19 | +--link-text-color:var(--accent-color); |
| 20 | +--header-border-color:#ddd; |
20 | 21 | --post-bg-color:#e5e5e5; |
21 | 22 | --font-face:"Fira Sans", sans-serif; |
22 | 23 |
|
|
28 | 29 | :root { |
29 | 30 | --fg-color:#e1e1e1; |
30 | 31 | --bg-color:#222222; |
31 | | ---light-link-color:#ff7b5c; |
32 | | ---dark-link-color:#ff6b47; |
33 | | ---link-color:var(--light-link-color); |
| 32 | +--link-color:var(--accent-color); |
34 | 33 | --light-highlight-bg-color:#2d2d2d; |
35 | 34 | --light-highlight-fg-color:#ffffff; |
36 | 35 | --dark-highlight-bg-color:#27272a; |
37 | 36 | --dark-highlight-fg-color:#ededed; |
38 | 37 | --highlight-fg-color:var(--light-highlight-fg-color); |
39 | 38 | --highlight-bg-color:var(--light-highlight-bg-color); |
40 | | ---link-text-color:var(--fg-color); |
41 | | ---border-color:#404040; |
| 39 | +--link-text-color:var(--accent-color); |
| 40 | +--header-border-color:#404040; |
42 | 41 | --post-bg-color:#2d2d2d; |
43 | 42 | } |
44 | 43 | } |
@@ -120,7 +119,7 @@ header { |
120 | 119 | justify-items: center; |
121 | 120 | padding:0.5rem2rem; |
122 | 121 | width:100%; |
123 | | -border-bottom:1px solidvar(--border-color); |
| 122 | +border-bottom:1px solidvar(--header-border-color); |
124 | 123 | font-size:1.2rem; |
125 | 124 | } |
126 | 125 |
|
@@ -179,7 +178,7 @@ header .icon { |
179 | 178 | #mobile-open-navigationbuttondiv { |
180 | 179 | margin:0.5em0; |
181 | 180 | width:2em; |
182 | | -border-bottom:0.25em solidblack; |
| 181 | +border-bottom:0.25em solidvar(--fg-color); |
183 | 182 | } |
184 | 183 |
|
185 | 184 | header { |
|