@media (prefers-color-scheme: light) {
  body {
    background-color: #47586a;
    color: white;
  }

  a {
    color: white;
    transition: 0.3s;
  }

  a:hover {
    color: #0094FF;
  }

  .theme-lighter {
    background-color: #758ba3;
    color: white;
  }

  .theme-light {
    background-color: #5c728a;
    color: white;
  }

  .theme {
    background-color: #47586a;
    color: white;
  }

  .theme-dark {
    background-color: #333f4d;
    color: white;
  }

  .theme-darker {
    background-color: #1f262e;
    color: white;
  }

  .theme-darkest {
    background-color: #14191f;
    color: white;
  }

  .theme-blue-light {
    background-color: #4db5ff;
    color: white;
  }

  .theme-blue {
    background-color: #0094FF;
    color: white;
  }

  .theme-blue-dark {
    background-color: #0068b3;
    color: white;
  }

  .theme-blue-darker {
    background-color: #003c66;
    color: white;
  }

  .theme-blue-darkest {
    background-color: #001e33;
    color: white;
  }
}