styles.alv.cx/modules/darkmode.css

27 lines
439 B
CSS

:root {
--fg-dark-mode: #ccc;
--bg-dark-mode: #111;
--a-dark-mode: #07a;
--a-visited-dark-mode: #aa346d;
}
@media (prefers-color-scheme: dark) {
body {
color: var(--fg-dark-mode);
background-color: var(--bg-dark-mode);
}
img, video {
opacity: .75;
transition: opacity .5s ease-in-out;
}
img:hover, video:hover {
opacity: 1;
}
a {
color: var(--a-dark-mode);
}
a:visited {
color: var(--a-visited-dark-mode);
}
}