1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-09-20 04:12:09 +00:00
seirdy.one/assets/css/dark.css
Rohan Kumar 8597e50a59
Stylesheet: better print theme, simpler dark theme
- Better print stylesheet, now with a file dedicated just for print
  style improvements.
- Hide extra stuff in print.
- Bring back navbar for print because it also tells users the current
  section and the site name.
- Dark theme: make superscripts bold instead of using a higher-contrast
  color.
2022-04-27 08:41:36 -07:00

37 lines
992 B
CSS

/* The dark stylesheet is the only place we set custom colors besides
* border colors for inline text. Make sure the perceptual contrast
* stays within the ideal APCA ranges, not lower and preferably not
* higher either. */
@media (prefers-color-scheme: dark) {
html {
/* Pure white on black causes halation.
* "background" is short for a bunch of unnecessary CSS rules
* background-color is all I need */
background-color: #111;
/* Dimming the default text color is not the same as reducing screen
* brightness, since other colors in this stylesheet have brighter
* red and blue channels than the default text. */
color: #e9e9e9;
}
/* Only color <a> if it's a link; if href is empty, let it be. */
a:link {
color: #f1e6af;
}
a:active {
color: #b93;
}
a:visited {
color: #fdf;
}
/* stylelint-disable -- hasn't heard of "prefers-contrast" yet */
@media (prefers-contrast: less) {
/* stylelint-enable */
html {
background-color: #222;
}
}
}