dark mode support

style.css

/* light mode */
@media (prefers-color-scheme: light) { }
/* dark mode */
@media (prefers-color-scheme: dark) { }

/* Option 1 */
@media (prefers-color-scheme: dark) {
  html {
    filter: invert(1);
  }
  img {
    filter: invert(1);
  }
}

/* Option 2 */
:root {
  --text-color: #000;
  --background-color: #FFF;
}
html {
  color: var(--text-color);
  background-color: var(--background-color);
}
@media (prefers-color-scheme: dark) {
  :root {
    --text-color: #FFF;
    --background-color: #313131;
  }
  html {
    color: var(--text-color);
    background-color: var(--background-color);
  }
}