@media (prefers-color-scheme: dark) {
  body {
    background-color: #111111;
    color: #eaeaea;
  }
  .nav a {
    color: #cfcfcf;
    text-shadow: none;
  }
  .nav a:hover {
    color: #ffffff;
    text-shadow: none;
    border-bottom-color: #444444;
  }
  a {
    color: #7ab0e0;
  }
  #drop-zone {
    border-color: #444444;
    color: #a3a3a3;
  }
  .footer {
    border-top-color: #333333;
  }
  .styleform input {
    background-color: #1c1c1c;
    border-color: #333333;
    color: #eaeaea;
  }
  input:focus {
    background-color: #222222;
    border-color: #444444;
  }
  .subtitle {
    border-bottom-color: #333333;
  }
  .file:hover {
    outline-color: #555555;
  }
}