User color scheme preferences (aka dark mode)

[rafaelcastrocouto]

With a few lines you can add support for user color schemes:

minimal.css

@media (prefers-color-scheme: dark) {
  body, code, pre { background:  #333; color: white; }
  h1, h2, strong { color: white; }
}

minimal-inputs.css

@media (prefers-color-scheme: dark) {
  input, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea { 
    background:  #444; 
    color: white; 
  }
}

Maybe they could go to a file called dark.css, I don't know ... it's your choice.

Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

[chr15m]

Excellent, thank you!