diff --git a/src/stylesheets/base.css b/src/stylesheets/base.css index 0efbc2c..fba4c56 100644 --- a/src/stylesheets/base.css +++ b/src/stylesheets/base.css @@ -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);