'Browsers saying dark mode enabled even when not enabled

I'm testing in both Chrome and Firefox. In Firefox I have no plugin, but in Chrome I have the Darkreader plugin for dark mode.

Here is my problematic code:

$(document).ready(function() {
    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        alert('dark');
    } else {
        alert('light');
    }
});

No matter what, whether I have Darkreader disabled in Chrome or am testing in Firefox, I get "dark" mode every time.

The code is seemingly pretty simple - is there a way to fix this code so I get the actual scheme the user is using?

javascriptcssgoogle-chromefirefox


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions