<button>Toggle is not implemented yet.</button>
<h1>Hello!</h1>
body {
  --color-text: black;
  --color-background: white; 
}

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


body {
  color: var(--color-text);
  background: var(--color-background);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.