How to detect if the OS is in dark mode in browsers?

Question

Similar to \"How to detect if OS X is in dark mode?\" only for browsers.

Has anyone found if there is a way to detect if the user\'s system is in the new OS X Dark M

Answer 1

If you want to detect it from JS, you can use this code:

if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
    // dark mode
}

To watch for changes:

window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
    const newColorScheme = e.matches ? "dark" : "light";
});