support dark mode

This commit is contained in:
Aleks Rūtiņš 2024-09-09 20:29:11 -04:00
parent b5d9076a85
commit 21de19527e

View file

@ -46,13 +46,11 @@ nav {
a { a {
color: var(--color-theme-1); color: var(--color-theme-1);
text-decoration: none; text-decoration: none;
border-bottom: 1px solid transparent;
transition-property: border-color;
transition-duration: 0.5s; transition-duration: 0.5s;
} }
a:hover { a:hover {
border-color: var(--color-theme-1); text-decoration: underline;
} }
nav a { nav a {
@ -65,5 +63,13 @@ nav a {
nav a:hover, nav a:hover,
nav a.active { nav a.active {
color: black; color: inherit;
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
:root {
background-color: hsl(205.18, 14.29%, 10.94%);
color: rgba(255, 255, 255, 0.9);
}
} }