Certain websites appear in some sort of "dark mode" when dark themes are enabled
I've been using Elijah Lopez's Matte Black (Red) theme for months. Recently, I think because I added the ClearURLs extension or some other change, certain websites enter some sort of "dark mode" when accessed.
Websites that do this include Twitter, an independent blog, and Youtube.
The website appears normally with the default light theme enabled. In the second photo, the website appears in the "dark mode" with the black Firefox theme enabled.
I have deleted cookies and cache, reinstalled Firefox, and reinstalled Extensions. I think this problem only occurs with dark themes, and nothing else. The moment I change to dark theme, the problem comes back. It is strange because the dark theme was working just fine for months until recently.
How can I keep the dark theme, preferably the same Elijah Lopez's dark theme, while using websites normally and not in this weird "dark theme" style adaptation?
Chosen solution
If you want to have different color scheme preference for FF UI and sites, you can change "layout.css.prefers-color-scheme.content-override" in 'about:config' to:
Dark (0), light (1), system (2) or browser (3)
For 94 default was 2, in version 95 it is 3. You can either fallback to 2 or just use 0/1 to change color preference for sites.
WARNING: Changing preferences through this interface not officially supported Hidden settings edited using the about:config tool are explicitly not supported, which means that Mozilla makes no guarantees they will be supported in the future, or that Mozilla will fix them if they break. Mozilla does not test these preferences, and will not in the future. That includes security and performance testing which these preferences may affect.
[Warning added by moderator.]
Read this answer in context 👍 8All Replies (9)
Chosen Solution
If you want to have different color scheme preference for FF UI and sites, you can change "layout.css.prefers-color-scheme.content-override" in 'about:config' to:
Dark (0), light (1), system (2) or browser (3)
For 94 default was 2, in version 95 it is 3. You can either fallback to 2 or just use 0/1 to change color preference for sites.
WARNING: Changing preferences through this interface not officially supported Hidden settings edited using the about:config tool are explicitly not supported, which means that Mozilla makes no guarantees they will be supported in the future, or that Mozilla will fix them if they break. Mozilla does not test these preferences, and will not in the future. That includes security and performance testing which these preferences may affect.
[Warning added by moderator.]
Modified by Chris Ilias
Thank you so much, this was driving me crazy
TyDraniu, thanks a lot!
Changing the option, from 3 to 1 reverted the web pages, back to where it was, prior to the update to v95.
Thanks so much! Glad I am finally rid of that dark mode and pages I couldn't read!
Changing the option from 3-1 still did not work for me to get rid of this dark mode. I have tried all the sugeestions - isn't there anyone who can help??
TyDraniu said
If you want to have different color scheme preference for FF UI and sites, you can change "layout.css.prefers-color-scheme.content-override" in 'about:config' to: Dark (0), light (1), system (2) or browser (3) For 94 default was 2, in version 95 it is 3. You can either fallback to 2 or just use 0/1 to change color preference for sites. WARNING: Changing preferences through this interface not officially supported Hidden settings edited using the about:config tool are explicitly not supported, which means that Mozilla makes no guarantees they will be supported in the future, or that Mozilla will fix them if they break. Mozilla does not test these preferences, and will not in the future. That includes security and performance testing which these preferences may affect. [Warning added by moderator.]
Modified by Hedrox
Hedrox said
Somehow, changing this option from 3 to 2 or 1 don't work as expected anymore which many reports since few days when this happend. It changes background of sites, but contex menus and tabs are still in dark theme. What to do?
Looks like you've chosen a dark theme. If you see white text on your tab bar, theme is dark. Please switch to a light theme to have bright context menus.
See Use themes to change the look of Firefox or Built-in themes in Firefox - alternative to complete themes to learn more about themes.
TyDraniu сказал(а)
If you want to have different color scheme preference for FF UI and sites, you can change "layout.css.prefers-color-scheme.content-override" in 'about:config' to: Dark (0), light (1), system (2) or browser (3) For 94 default was 2, in version 95 it is 3. You can either fallback to 2 or just use 0/1 to change color preference for sites.
Wow, this really helps!!! What a pity to suddenly have a change in default colors even without an UI option to customize!