div {
  width: 10rem;
  height: 10rem;
  border: 5px solid gray;
  background-color: var(--bg-color);
  color: var(--color);
}

@media (prefers-color-scheme: dark) {
  html {
    --bg-color: black;
    --color: white;
  }
}

@media (prefers-color-scheme: light) {
  html {
    --bg-color: white;
    --color: black;
  }
}