27 lines
439 B
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);
|
||
|
}
|
||
|
}
|