Skip to content

Commit 879da7b

Browse files
authored
fix dark mode
1 parent a84a029 commit 879da7b

File tree

1 file changed

+26
-25
lines changed

1 file changed

+26
-25
lines changed

style.css

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -13,31 +13,6 @@
1313
--ctp-antilavender: var(--ctp-frappe-lavender);
1414
}
1515

16-
/* Dark Mode - Automatically Applied if User Prefers Dark Mode */
17-
@media (prefers-color-scheme: dark) {
18-
:root {
19-
--ctp-text: var(--ctp-frappe-text);
20-
--ctp-base: var(--ctp-frappe-base);
21-
--ctp-blue: var(--ctp-frappe-blue);
22-
--ctp-lavender: var(--ctp-frappe-lavender);
23-
--ctp-base-translucent: 48, 52, 70;
24-
--ctp-antitext: var(--ctp-latte-text);
25-
--ctp-antibase: var(--ctp-latte-base);
26-
--ctp-antiblue: var(--ctp-latte-blue);
27-
--ctp-antilavender: var(--ctp-latte-lavender)
28-
}
29-
30-
.view-switcher a:hover,
31-
.view-switcher a:focus {
32-
background-color: rgba(255, 255, 255, 0.025);
33-
}
34-
35-
.view-switcher .current {
36-
background-color: rgba(255, 255, 255, 0.05);
37-
}
38-
39-
}
40-
4116
/* Root Variables */
4217
:root {
4318
font-family: Inter, sans-serif;
@@ -234,3 +209,29 @@ a[href^="http"]:not(:has(.arrow)):not(:has(img)):not(:has(svg))::after {
234209
mask-size: contain;
235210
background-color: currentColor;
236211
}
212+
213+
214+
/* Dark Mode - Automatically Applied if User Prefers Dark Mode */
215+
@media (prefers-color-scheme: dark) {
216+
:root {
217+
--ctp-text: var(--ctp-frappe-text);
218+
--ctp-base: var(--ctp-frappe-base);
219+
--ctp-blue: var(--ctp-frappe-blue);
220+
--ctp-lavender: var(--ctp-frappe-lavender);
221+
--ctp-base-translucent: 48, 52, 70;
222+
--ctp-antitext: var(--ctp-latte-text);
223+
--ctp-antibase: var(--ctp-latte-base);
224+
--ctp-antiblue: var(--ctp-latte-blue);
225+
--ctp-antilavender: var(--ctp-latte-lavender)
226+
}
227+
228+
.view-switcher a:hover,
229+
.view-switcher a:focus {
230+
background-color: rgba(255, 255, 255, 0.025);
231+
}
232+
233+
.view-switcher .current {
234+
background-color: rgba(255, 255, 255, 0.05);
235+
}
236+
237+
}

0 commit comments

Comments
 (0)