prefers-color-scheme: Dark

I came accross new CSS media query today: prefers-color-scheme: dark.

It automatically detects if the user’s OS theme preferences is set to dark.

@media (prefers-color-scheme: dark) {
    /* Do your thing... */
}

Support is small but so are the number of users setting theme preferences in their OS.

Reference

• Can I Use

Source

• Go Make Things