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

Dark mode

more options

What happend to dark mode? My eyes are hurting from this white backgrounds on everything.

What happend to dark mode? My eyes are hurting from this white backgrounds on everything.
Attached screenshots

All Replies (3)

more options

As a preliminary comment, if you use a "High Contrast" theme on Windows, you can instruct Firefox to ignore that. See: Disable high contrast mode in Firefox.

Firefox 95+ is taking more and more cues from your toolbar area theme for how to style other aspects of the browser. There is a setting for some of these, but not all of them.

(A) Right-click context menus, toolbar drop-down panels

Starting in Firefox 89, these would flip to a dark background if the text on the inactive/background tabs was white or light. Firefox 96 has extended this adaptation to more parts of the browser. I have attached a composite screenshot of what Firefox considers a "Dark" theme (light text) and a "Light" theme for reference. It's difficult to say exactly where the line is. As far as I know, the only built-in way to change this is to change your toolbar theme. (The other way is the not-officially-supported userChrome.css file route.)

(B) Built-in pages, and websites that have light/dark responsive themes

Starting in Firefox 95, Firefox would inform pages that you preferred a light/dark theme based on your Firefox toolbar theme instead of your system theme. There is a way to decouple your page (content) theme preference from your toolbar theme. At this point, it's only available through the back door...

(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk.

More info on about:config: Configuration Editor for Firefox. The moderators would like us to remind you that changes made through this back door aren't fully supported and aren't guaranteed to continue working in the future.

(2) In the search box in the page, type or paste layout.css.prefers-color-scheme.content-override and pause while the list is filtered

(3) Double-click the preference to display an editing field, and change the value to whatever you prefer from the list below, then press Enter or click the blue check mark button to save the change.

  • 0 => Force a Dark background
  • 1 => Force a Light background
  • 2 => Follow the System theme (default in Firefox 94)
  • 3 => Follow the Browser toolbar theme (default in Firefox 95+)

The about:config page should immediately reflect your saved change.

Helpful?

more options

Works beautifully for Firefox maintenance pages. Not at all for webpages. How about a dark background for webpages?

On the other hand, every time Firefox updates, my friend's version switches everything she see to dark more, which is not her default setting.

Something's broken here.

Helpful?

more options

fpmalin said

Works beautifully for Firefox maintenance pages. Not at all for webpages. How about a dark background for webpages?

Intelligently modifying all the colors on a site that doesn't auto-switch themes is hard. There is an add-on for that, and I don't know whether anyone wants to take it on as a built-in feature.

https://addons.mozilla.org/firefox/addon/darkreader/

On the other hand, every time Firefox updates, my friend's version switches everything she see to dark more, which is not her default setting.

Does she use the built-in "System" theme? If she hasn't tried the "Light" theme, that might work better.

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.