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