How to detect dark mode with JavaScript

Aug 05, 2020 · by Tim Kamanin

The dark mode is all the rage now, here's how you can detect if a user has dark mode enabled:

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches

And that's pretty much it, simple and efficient.

Want to get more 🔥 tips like this one?

Subscribe to get notified about new dev tutorials