How to make the most of the dark mode craze using CSS

This is just a short post, but I had a question through my inbox recently about devices using dark mode. There’s a large rise in dark mode users across systems like iOS and MacOS especially, but how are websites reacting to this?

Well luckily for developers out there, there’s an option to run certain CSS when dark mode is detected on a users device.

@media (prefers-color-scheme: dark) {
    /* CSS here */
}

@media (prefers-color-scheme: dark) {

/* CSS here */

}

So now we can start inverting our website colours and fitting in with the dark mode craze.