html {
  color-scheme: light dark;
}

@media (prefers-color-scheme: light) {
  #box {
    background-color: black;
    color: white;
  }
}

@media (prefers-color-scheme: dark) {
  #box {
    background-color: white;
    color: black;
  }
}