:root { color-scheme: light dark; }

@media (prefers-color-scheme: dark) {
  body {
    background: #1b1b1f;
    color: #d8d8d8;
  }
  a { color: #8ab4f8; }
  a:visited { color: #c58af9; }

  /* header and footer areas */
  .article-meta, .menu a { background: #2a2a30; }
  hr { color: #3a3a40; }
  small { color: #8a8a8a; }

  /* code */
  pre {
    border-color: #3a3a40;
    box-shadow: 5px 5px 5px #111114;
  }
  code { background: #26262b; }
  pre code { background: none; }

  /* misc elements */
  blockquote {
    background: #26262b;
    border-left-color: #4a4a52;
  }
  table {
    border-top-color: #8a8a8a;
    border-bottom-color: #8a8a8a;
  }
  table thead th { border-bottom-color: #3a3a40; }
  thead, tfoot, tr:nth-child(even) { background: #26262b; }
}