cohabit/website
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat(ui): 💄 add dark theme

Browse source
This commit is contained in:
Julien Oculi 2024-02-13 14:00:43 +01:00
parent 60c1e8746c
commit 1431a21d5d
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/stylesheets/base.css
View file

@ -25,7 +25,22 @@
--_transition-delay: 0.2s; --_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 { body {
color: var(--_font-color);
font-family: var(--_font-family); font-family: var(--_font-family);
font-size: var(--_font-size); font-size: var(--_font-size);
accent-color: var(--_accent-color); accent-color: var(--_accent-color);