Color Scheme

Toggle light/dark page, inputs and custom components

:root {
  color-scheme: light dark;
}

/* customize */
:root {
  color-scheme: light dark;

  color: light-dark(#333, white);
  background: light-dark(white, black);
}

.dark  { color-scheme: dark }
.light { color-scheme: light }

section {
  background: light-dark(#ddd, #222);
  color: light-dark(#222, #ddd);
}