JSFiddle - React, Tailwind, and code Playground

by khamer

CSS

html {
  background-color: yellow;
}

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

JavaScript

@media (prefers-color-scheme: dark) {
      path {
        fill: white; <!-- set icon color for dark mode -->
        opacity: 0.5;
      }
    }