mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-09-20 12:12:09 +00:00
223fcd42c3
- I felt dark-mode links were still a bit harsh, so I lightened them. - Improved perceptual contrast of the purple visited links by making the background color slightly less blue. - On widescreen, make footer links inline. They happen to be about the same width as the global nav, which makes this work well.
38 lines
661 B
CSS
38 lines
661 B
CSS
@media (prefers-color-scheme: dark) {
|
|
/* I've been told that pure white on black is a bit harsh */
|
|
html {
|
|
color: #eee;
|
|
}
|
|
|
|
html,
|
|
.skip {
|
|
/* "background" is short for a bunch of unnecessary CSS rules
|
|
* background-color is all I need */
|
|
background-color: #0f0f0b;
|
|
}
|
|
|
|
/* Only color <a> if it's a link; if href is empty, let it be. */
|
|
a:link {
|
|
color: #ffeaba;
|
|
}
|
|
|
|
a:visited {
|
|
color: #ffe3f9;
|
|
}
|
|
|
|
a:active {
|
|
color: #c80;
|
|
}
|
|
|
|
:not(pre) > code {
|
|
border-color: #555;
|
|
}
|
|
|
|
/* stylelint-disable -- hasn't heard of "prefers-contrast" yet */
|
|
@media (prefers-contrast: less) {
|
|
/* stylelint-enable */
|
|
html {
|
|
background-color: #222;
|
|
}
|
|
}
|
|
}
|