Meh dark mode for accessibility

Exercism
1

For @iHiD to have something in the mean time

@media (prefers-color-scheme: dark) {
  body {
    filter: invert(100%) hue-rotate(180deg);
  }

  html {
    background-color: #222;
  }

  img, video, iframe{
    filter: invert(100%) hue-rotate(180deg);
  }
}

Optional stuff:

@media (prefers-color-scheme: dark) {
  /* Increase contrast */
  .contrast {
    filter: invert(15%) hue-rotate(180deg);
  }
}

@media (prefers-color-scheme: dark) {
  /* Code block stuff */
  pre > code {
    filter: invert(6%);
  }
}

@media (prefers-color-scheme: dark) {
  /* Contrast for list markers */
  li::marker {
    color: #666;
  }
}

@media (prefers-color-scheme: dark) {
  /* Better for white bgs */
  img, video, iframe{
     opacity: 0.9;
  }
}