Ce site disposera de fonctionnalités limitées pendant que nous effectuons des opérations de maintenance en vue de vous proposer un meilleur service. Si un article ne règle pas votre problème et que vous souhaitez poser une question, notre communauté d’assistance est prête à vous répondre via @FirefoxSupport sur Twitter, et /r/firefox sur Reddit.

Avatar for Username

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Ce sujet de discussion a été archivé. Veuillez poser une nouvelle question si vous avez besoin d’aide.

Dark mode behaves incorrectly when "auto" dark mode is enabled on macOS Catalina beta

  • 4 réponses
  • 1 a ce problème
  • 1 vue
  • Dernière réponse par Chad

Chad
Chad
more options

On the macOS Catalina beta, there's a new option to enable automatic darkmode switching at dusk/dawn. During the day, the OS is in light mode; after dark, it's in dark mode.

In Safari and Chrome, websites that use the prefers-color-scheme media query behave correctly, and display the light theme in the daytime, and the dark theme in the evening.

In Firefox, however, websites that have responsive color schemes are permanently stuck in dark mode when the automatic dark mode setting is enabled.

On the macOS Catalina beta, there's a new option to enable automatic darkmode switching at dusk/dawn. During the day, the OS is in light mode; after dark, it's in dark mode. In Safari and Chrome, websites that use the prefers-color-scheme media query behave correctly, and display the light theme in the daytime, and the dark theme in the evening. In Firefox, however, websites that have responsive color schemes are permanently stuck in dark mode when the automatic dark mode setting is enabled.

Toutes les réponses (4)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You can try to create a new Boolean pref on the about:config page and set its value to true.

  • ui.systemUsesDarkTheme = true

See also:

  • Bug 1494034 - Add support for CSS prefers-color-scheme media feature
  • Bug 1529323 - Make prefers-color-scheme respect the Firefox theme rather than the system theme

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)

Chad
Chad Auteur de la question
more options

I can likely make a temporary fix for this myself with your suggestion, but none the less this is definitely a bug in Firefox. Other major browsers correctly reflect the system darkmode.

Chad
Chad Auteur de la question
more options

(and, moreover, as a web developer, I have no control over the configs a user in Firefox has set, so this will still make my website behave incorrectly)

Chad
Chad Auteur de la question
more options

Hm, now that I think about it... this is actually maybe a bug in the browser theme.

https://bugzilla.mozilla.org/show_bug.cgi?id=1529323#c9

I have my theme set to "Default," but the browser is, I just noticed, still in dark mode. So the browser is not correctly reading the system theme, and the website is responding to the browser theme.

I'm not able to upload video here, but I've just confirmed that if I switch macOS to light mode, firefox switches to light mode; if I switch it to dark mode, firefox switches to dark mode; but if I switch it to auto, firefox does not respond to the change, and remains in either dark or light mode, which ever was last set.

I had my os in dark mode on Mojave, so when I switched to auto on Catalina, dark mode was the last one set. This means Firefox has been in dark mode ever since.

So the bug here is that Firefox doesn't know what to do when a user's mac is in "auto" darkmode.

Modifié le par Chad