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?