We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

Auto Dark Mode feature on websites does not work

Bonzai Incorporated
Bonzai Incorporated
more options

Somehow, the prefers-color-scheme: dark media query does not seem to behave correctly in my browser. I am using Firefox 89.0.2 on Windows 10 21H1 and even though I have set the system theme to dark (which Firefox's System Theme adapts to, the browser UI is dark), websites which usually adapt to it (like YouTube when set to follow the device theme) do not do so and are using the light theme regardless. This issue persists even in troubleshooting mode, so it does not seem to be related to any add-on I have installed.

Testing the same websites on Firefox Nightly (91.0a1) and Developer Edition (90.0b12), they behave as expected, adapting to my system's dark theme. The same had been the case when I had been using Firefox 88 (where it did not work as expected), while websites on Nightly and Developer Edition (versions 90 and 89, respectively) did behave as expected.

Is there some fix for this issue, some setting that is supposed to be tweaked, or can a fix be expected in an upcoming release?

Somehow, the prefers-color-scheme: dark media query does not seem to behave correctly in my browser. I am using Firefox 89.0.2 on Windows 10 21H1 and even though I have set the system theme to dark (which Firefox's System Theme adapts to, the browser UI is dark), websites which usually adapt to it (like YouTube when set to follow the device theme) do not do so and are using the light theme regardless. This issue persists even in troubleshooting mode, so it does not seem to be related to any add-on I have installed. Testing the same websites on Firefox Nightly (91.0a1) and Developer Edition (90.0b12), they behave as expected, adapting to my system's dark theme. The same had been the case when I had been using Firefox 88 (where it did not work as expected), while websites on Nightly and Developer Edition (versions 90 and 89, respectively) did behave as expected. Is there some fix for this issue, some setting that is supposed to be tweaked, or can a fix be expected in an upcoming release?

Solution eye eponami

Hmm, your Firefox user agent string indicates that you're running version 78.0, which can indicate that you turned on privacy.resistFingerprinting. Does that sound familiar?

I think it's one of the many (not so well documented) behaviors of this feature to block the media query related to your theme preference. In an old Reddit thread, an add-on was suggested as a workaround, but I lazily just looked at a couple threads and don't know whether that is a good solution: https://www.reddit.com/r/firefox/comments/dmhq4e/privacyresistfingerprinting_prefercolorscheme/

Tanga eyano oyo ndenge esengeli 👍 1

All Replies (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Solution eye oponami

Hmm, your Firefox user agent string indicates that you're running version 78.0, which can indicate that you turned on privacy.resistFingerprinting. Does that sound familiar?

I think it's one of the many (not so well documented) behaviors of this feature to block the media query related to your theme preference. In an old Reddit thread, an add-on was suggested as a workaround, but I lazily just looked at a couple threads and don't know whether that is a good solution: https://www.reddit.com/r/firefox/comments/dmhq4e/privacyresistfingerprinting_prefercolorscheme/