// disabled for now; breaks light mode
//
// @media (prefers-color-scheme: dark)
//   html
//     background: #222
//     color: #eee
//   body
//     background: #222
//     color: #eee
//   html.light, html.light body
//     background: #fff
//     color: #fff

html.dark
  background: #222
  color: #eee

  body
    background: #222
    color: #eee

  .navbar-menu.is-active
    background: #333
    color: #eee

  h1, h2, h3, h4, h5, h1.title, h2.title, h4.title, h5.title, figcaption,
  strong
    color: #eee

  h3.subtitle 
    color: #ccc

  .content
    .title, h3, .subtitle, h4
      color: #ddd

    code, blockquote
      color: #ddd
      background: #333

    // keep original table color for now
    table strong
      color: black

  a, a:hover
    color: #0ae