@media (prefers-color-scheme: dark) {
  .content {
    background: rgba(0, 0, 0, 0.7);
    color: #efefef;
  }

  nav {
    background: rgba(0, 0, 0, 0.2);
    color: #efefef;
  }

  nav a {
    color: #efefef;
  }

  nav a:hover {
    color: #efefef;
    background-color: rgba(0, 0, 0, 0.3);
  }

  nav a:active,
  nav a.active {
    color: #efefef;
    background-color: rgba(0, 0, 0, 0.6);
  }

  a {
    color: #aaccff;
  }

  a:hover {
    color: #88bbff;
  }

  a:active {
    color: #6699ff;
  }

  a.button {
    background-color: #efefef;
    color: #000;
  }

  a.button:hover {
    background-color: #cdcdcd;
  }

  a.button:active {
    background-color: #eaeaea;
  }

  .side-pane-viz {
    color: #efefef;
  }
}