Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

ابحث في الدعم

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 and a theme?

  • 2 (ردّان اثنان)
  • 1 has this problem
  • 48 views
  • آخر ردّ كتبه Chen

more options

Before Firefox updated last night, I was able to use a dark mode and a theme on new tabs and the settings/addons page. Now I'm only able to use one or the other? Is this a glitch or just how it is now?

Before Firefox updated last night, I was able to use a dark mode and a theme on new tabs and the settings/addons page. Now I'm only able to use one or the other? Is this a glitch or just how it is now?
Attached screenshots

الحل المُختار

They are definitely linked. Starting in Firefox 95, built-in pages, and websites that have light/dark responsive themes, tend to follow your toolbar theme. If your toolbar theme has dark text on the tabs, the content theme will have dark text on a light background. And vice versa.

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.

Does that work on your Firefox?

Read this answer in context 👍 2

All Replies (2)

more options

الحل المُختار

They are definitely linked. Starting in Firefox 95, built-in pages, and websites that have light/dark responsive themes, tend to follow your toolbar theme. If your toolbar theme has dark text on the tabs, the content theme will have dark text on a light background. And vice versa.

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.

Does that work on your Firefox?

more options

That worked! Thanks so much!