mirror of
https://github.com/ProjectSegfault/website.git
synced 2024-12-22 21:19:51 +05:30
add css fallback for themes
This commit is contained in:
parent
be6c2da8e2
commit
310b7ac0c6
@ -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 {
|
||||||
|
@ -4,10 +4,22 @@
|
|||||||
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: #ffffff;
|
||||||
|
--secondary: #eeeeee;
|
||||||
|
--tertiary: #939393;
|
||||||
|
--text: #444444;
|
||||||
|
--grey: #cecece;
|
||||||
|
--alt: #ddd;
|
||||||
|
--alt-text: #333;
|
||||||
|
color-scheme: light;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
html {
|
||||||
--primary: #151515;
|
--primary: #151515;
|
||||||
--secondary: #252525;
|
--secondary: #252525;
|
||||||
--tertiary: #353535;
|
--tertiary: #353535;
|
||||||
@ -17,16 +29,6 @@ html {
|
|||||||
--alt-text: #ddd;
|
--alt-text: #ddd;
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
}
|
}
|
||||||
|
|
||||||
html.light {
|
|
||||||
--primary: #ffffff;
|
|
||||||
--secondary: #eeeeee;
|
|
||||||
--tertiary: #939393;
|
|
||||||
--text: #444444;
|
|
||||||
--grey: #cecece;
|
|
||||||
--alt: #ddd;
|
|
||||||
--alt-text: #333;
|
|
||||||
color-scheme: light;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
Loading…
Reference in New Issue
Block a user