HN Dark Light Mode

hn.css

:root {
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --color: black;
  --background-color: white;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color: #f1f1f1;
    --background-color: #222;
  }
}

.admin td,
.subtext td, 
input,
input[type=\"submit\"],
textarea,
a:link,
a:visited,
.default,
.admin,
.title,
.subtext,
.yclinks,
.pagetop,
.comhead,
.comment,
.hnname {
  color: var(--color) !important;
}

body, #hnmain, #hnmain tr:first-child td {
  background-color: var(--background-color) !important;
}