Den här webbplatsen har begränsad funktionalitet medan vi utför underhåll för att förbättra din upplevelse. Om en artikel inte löser ditt problem och du vill ställa en fråga har vi vår gemenskap som väntar på att hjälpa dig på @FirefoxSupport på Twitter, /r/firefox på Reddit.

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer

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

  • 2 svar
  • 0 har detta problem
  • 4 visningar
  • Senaste svar av 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

Vald lösning

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?

Läs svaret i sitt sammanhang 👍 0

Alla svar (2)

more options

Vald lösning

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