add css fallback for themes

This commit is contained in:
Akis 2023-01-05 14:39:42 +02:00
parent be6c2da8e2
commit 310b7ac0c6
Signed by untrusted user: akis
GPG Key ID: 267BF5C6677944ED
2 changed files with 15 additions and 13 deletions

View File

@ -126,7 +126,7 @@
} }
.links > * { .links > * {
@apply p-2 cursor-pointer text-text decoration-none transition-color duration-25 text-sm font-500 flex items-center hover\:text-accent; @apply p-2 cursor-pointer text-text decoration-none transition-color duration-250 text-sm font-500 flex items-center hover\:text-accent;
} }
.icon > span { .icon > span {

View File

@ -4,21 +4,10 @@
font-display: swap; font-display: swap;
} }
html { html, html.light {
--accent: #00a584; --accent: #00a584;
--accent-translucent: #00a58498; --accent-translucent: #00a58498;
--font-primary: "JetBrains Mono", monospace; --font-primary: "JetBrains Mono", monospace;
--primary: #151515;
--secondary: #252525;
--tertiary: #353535;
--text: #ffffffde;
--grey: #5454547a;
--alt: #333;
--alt-text: #ddd;
color-scheme: dark;
}
html.light {
--primary: #ffffff; --primary: #ffffff;
--secondary: #eeeeee; --secondary: #eeeeee;
--tertiary: #939393; --tertiary: #939393;
@ -29,6 +18,19 @@ html.light {
color-scheme: light; color-scheme: light;
} }
@media (prefers-color-scheme: dark) {
html {
--primary: #151515;
--secondary: #252525;
--tertiary: #353535;
--text: #ffffffde;
--grey: #5454547a;
--alt: #333;
--alt-text: #ddd;
color-scheme: dark;
}
}
body { body {
@apply font-primary bg-primary text-text m-0 flex flex-col relative min-h-screen leading-relaxed transition-all duration-250; @apply font-primary bg-primary text-text m-0 flex flex-col relative min-h-screen leading-relaxed transition-all duration-250;
} }