@media (prefers-color-scheme: dark) {
  html, body { background:#1a1a1a; }
  body, td, .title, .default { color:#b8b8b8; }
  #hnmain { background:#222222 !important; }
  .title a, a:link { color:#e6e6e6; }
  .title a:visited, a:visited { color:#8a8a8a; }
  .comhead, .subtext, .subtext td, .yclinks { color:#8f8f8f; }
  .comhead a:link, .comhead a:visited, .subtext a:link, .subtext a:visited { color:#8f8f8f; }
  .c00, .c00 a:link { color:#d6d6d6; }
  .pagetop, .pagetop a:link, .pagetop a:visited { color:#1a1a1a; }
  .topsel a:link, .topsel a:visited { color:#ffffff; }
  textarea, input { background:#2a2a2a; color:#d6d6d6; border:1px solid #444; }
  .votearrow { filter:brightness(1.6); }
}

html[data-theme="dark"], html[data-theme="dark"] body { background:#1a1a1a; }
html[data-theme="dark"] body, html[data-theme="dark"] td, html[data-theme="dark"] .title, html[data-theme="dark"] .default { color:#b8b8b8; }
html[data-theme="dark"] #hnmain { background:#222222 !important; }
html[data-theme="dark"] .title a, html[data-theme="dark"] a:link { color:#e6e6e6; }
html[data-theme="dark"] .title a:visited, html[data-theme="dark"] a:visited { color:#8a8a8a; }
html[data-theme="dark"] .comhead, html[data-theme="dark"] .subtext, html[data-theme="dark"] .subtext td, html[data-theme="dark"] .yclinks { color:#8f8f8f; }
html[data-theme="dark"] .comhead a:link, html[data-theme="dark"] .comhead a:visited, html[data-theme="dark"] .subtext a:link, html[data-theme="dark"] .subtext a:visited { color:#8f8f8f; }
html[data-theme="dark"] .c00, html[data-theme="dark"] .c00 a:link { color:#d6d6d6; }
html[data-theme="dark"] .pagetop, html[data-theme="dark"] .pagetop a:link, html[data-theme="dark"] .pagetop a:visited { color:#1a1a1a; }
html[data-theme="dark"] .topsel a:link, html[data-theme="dark"] .topsel a:visited { color:#ffffff; }
html[data-theme="dark"] textarea, html[data-theme="dark"] input { background:#2a2a2a; color:#d6d6d6; border:1px solid #444; }
html[data-theme="dark"] .votearrow { filter:brightness(1.6); }