mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-09-20 04:12:09 +00:00
793c58eeb9
Existing link colors made it hard to distinguish between visited and unvisted links on screens that had warmer color temperatures. Adjusted the colors to make the distinction clear. Unfortunately, that adjustment made superscript visited links (for footnotes) fail the APCA, so I added a solid black background to superscripts. Now they too should have good contrast.
48 lines
819 B
CSS
48 lines
819 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;
|
|
}
|
|
|
|
/* Small text needs better contrast */
|
|
sup a {
|
|
background-color: #000;
|
|
}
|
|
|
|
/* Only color <a> if it's a link; if href is empty, let it be. */
|
|
a:link {
|
|
color: #ffeaba;
|
|
}
|
|
|
|
a:active {
|
|
color: #c80;
|
|
}
|
|
|
|
a:visited {
|
|
color: #f9dafa;
|
|
}
|
|
|
|
/* Small text needs better contrast */
|
|
sup a:visited {
|
|
color: #fae4ff;
|
|
}
|
|
|
|
: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;
|
|
}
|
|
}
|
|
}
|