|
6 | 6 | --ctp-base: var(--ctp-latte-base); |
7 | 7 | --ctp-blue: var(--ctp-latte-blue); |
8 | 8 | --ctp-lavender: var(--ctp-latte-lavender); |
| 9 | + --ctp-antitext: var(--ctp-frappe-text); |
| 10 | + --ctp-antibase: var(--ctp-frappe-base); |
| 11 | + --ctp-antiblue: var(--ctp-frappe-blue); |
| 12 | + --ctp-antilavender: var(--ctp-frappe-lavender); |
9 | 13 | } |
10 | 14 |
|
11 | 15 | /* Dark Mode - Automatically Applied if User Prefers Dark Mode */ |
|
15 | 19 | --ctp-base: var(--ctp-frappe-base); |
16 | 20 | --ctp-blue: var(--ctp-frappe-blue); |
17 | 21 | --ctp-lavender: var(--ctp-frappe-lavender); |
| 22 | + --ctp-antitext: var(--ctp-latte-text); |
| 23 | + --ctp-antibase: var(--ctp-latte-base); |
| 24 | + --ctp-antiblue: var(--ctp-latte-blue); |
| 25 | + --ctp-antilavender: var(--ctp-latte-lavender) |
18 | 26 | } |
19 | 27 | } |
20 | 28 |
|
|
36 | 44 | /* Body */ |
37 | 45 | body { |
38 | 46 | background: var(--ctp-base); |
| 47 | + color: var (--ctp-text) |
39 | 48 | margin: 0; |
40 | 49 | font-size: 1rem; |
41 | 50 | min-height: 100vh; |
|
134 | 143 |
|
135 | 144 | /* Footer */ |
136 | 145 | body > footer { |
137 | | - background-color: var(--ctp-base); |
138 | | - color: var(--ctp-frappe-text); |
| 146 | + background-color: var(--ctp-antibase); |
| 147 | + color: var(--ctp-antitext); |
139 | 148 | line-height: 4em; |
140 | 149 | padding: 1rem 1rem 0; |
141 | 150 | text-align: center; |
@@ -172,12 +181,12 @@ body > footer { |
172 | 181 | margin: 1rem; |
173 | 182 | padding: 54px; |
174 | 183 | border-radius: 24px; |
175 | | - background-color: var(--ctp-frappe-base); |
176 | | - color: var(--ctp-frappe-text); |
| 184 | + background-color: var(--ctp-antibase); |
| 185 | + color: var(--ctp-antitext); |
177 | 186 | } |
178 | 187 |
|
179 | 188 | .tile a { |
180 | | - color: var(--ctp-frappe-blue); |
| 189 | + color: var(--ctp-antiblue); |
181 | 190 | font-variation-settings: "wght" 600; |
182 | 191 | } |
183 | 192 |
|
|
0 commit comments