Modo oscuro usando variables css

     @media (prefers-color-scheme: light) {
  :root {
    --background-color: #fff;
    --color: #000;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #000;
    --color: #fff;
  }
}