Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Buscar en Ayuda

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 respuestas
  • 0 tienen este problema
  • 4 visitas
  • Última respuesta de 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

Solución elegida

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?

Leer esta respuesta en su contexto 👍 0

Todas las respuestas (2)

more options

Solución elegida

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