1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-26 18:32:10 +00:00
seirdy.one/assets/css/dark.css
Rohan Kumar 60bf9110b9
A11y and perf improvements
- Even less halation for dark theme
- More contrast for borders
- Slightly larger font, fixes APCA contrast issue for <small>
- Make responsive navbar work in NetSurf
- Make aria-current page bold
- Use content-visibility to unload footers and endnotes
- Add aria-labels to unclear webring link text
- Replace <hr> elements with css borders; the semantic meaning of <hr>
  was unnecessary with section breaks.
2022-04-02 23:54:39 -07:00

36 lines
586 B
CSS

@media (prefers-color-scheme: dark) {
html {
/* "background" is short for a bunch of unnecessary CSS rules
* background-color is all I need
* I've been told that pure white on black is a bit harsh */
background-color: #0e0e0e;
color: #eee;
}
a {
color: #ed7;
}
a:visited {
color: #ddc;
}
a:active {
color: #c80;
}
blockquote,
:not(pre) > code,
img,
pre {
border-color: #444;
}
/* stylelint-disable -- hasn't heard of "prefers-contrast" yet */
@media (prefers-contrast: less) {
/* stylelint-enable */
html {
background-color: #222;
}
}
}