Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

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

'prefers-color-scheme' media query returns 'light' no matter what

  • 2 replies
  • 0 have this problem
  • 261 views
  • Last reply by felixbrakel

more options

I noticed this first when I had to force Google to go into dark mode even though firefox was already in dark mode.

I have searched through some issue reports and have seen a lot of people mentioning that their system theme is not being detected properly. This is not that issue. I can set the firefox "Website appearance" to dark or automatic at which point the UI of firefox itself does do into dark mode so no issues there. However if I go to a website that tries to query 'prefers-color-scheme' and set its theme accordingly it always returns 'light'. This is the case even if I set the 'layout.css.prefers-color-scheme.content-override' to 0 in about:config.

I used this website to test: https://septatrix.github.io/prefers-color-scheme-test/

The issue persists when opening a website in a private window.

Let me know if I need to provide additional information.

-Felix

I noticed this first when I had to force Google to go into dark mode even though firefox was already in dark mode. I have searched through some issue reports and have seen a lot of people mentioning that their system theme is not being detected properly. This is not that issue. I can set the firefox "Website appearance" to dark or automatic at which point the UI of firefox itself does do into dark mode so no issues there. However if I go to a website that tries to query 'prefers-color-scheme' and set its theme accordingly it always returns 'light'. This is the case even if I set the 'layout.css.prefers-color-scheme.content-override' to 0 in about:config. I used this website to test: https://septatrix.github.io/prefers-color-scheme-test/ The issue persists when opening a website in a private window. Let me know if I need to provide additional information. -Felix

Chosen solution

Setting "layout.css.prefers-color-scheme.content-override" to 0 is the same as selecting Dark for Website Appearance (Change website appearance settings in Firefox).

I am aware of one setting that will causes "prefers-color-scheme" to unfailingly return light, and that is setting "privacy.resistFingerprinting" to true in about:config. Does that ring a bell?

Read this answer in context 👍 0

All Replies (2)

more options

Chosen Solution

Setting "layout.css.prefers-color-scheme.content-override" to 0 is the same as selecting Dark for Website Appearance (Change website appearance settings in Firefox).

I am aware of one setting that will causes "prefers-color-scheme" to unfailingly return light, and that is setting "privacy.resistFingerprinting" to true in about:config. Does that ring a bell?

more options

Yep, that was it