feat(ui): 💄 add dark theme

This commit is contained in:
Julien Oculi 2024-02-13 14:00:43 +01:00
parent 60c1e8746c
commit 1431a21d5d

View file

@ -25,7 +25,22 @@
--_transition-delay: 0.2s;
}
@media (prefers-color-scheme: dark) {
:root:has(body:not([data-theme='light'])) {
--_font-color: var(--choco-1);
--_accent-color: var(--lime-11);
--_background-color: var(--sand-12);
}
}
:root:has(body[data-theme='dark']) {
--_font-color: var(--choco-1);
--_accent-color: var(--lime-11);
--_background-color: var(--sand-12);
}
body {
color: var(--_font-color);
font-family: var(--_font-family);
font-size: var(--_font-size);
accent-color: var(--_accent-color);