This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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 and Dark Themes have white text on a white background in the address bar

  • 5 பதிலளிப்புகள்
  • 1 இந்த பிரச்சனை உள்ளது
  • 1 view
  • Last reply by MonsieurJambon

It seems since Firefox 100 the address bar has taken to being white-on-white, making it nearly impossible to read. There isn't any issues with light themes. It doesn't matter if I change the Windows 10 default app mode to light or dark. Light themes have black text on white background, but dark themes have white text on white background. Any ideas?

It seems since Firefox 100 the address bar has taken to being white-on-white, making it nearly impossible to read. There isn't any issues with light themes. It doesn't matter if I change the Windows 10 default app mode to light or dark. Light themes have black text on white background, but dark themes have white text on white background. Any ideas?

தீர்வு தேர்ந்தெடுக்கப்பட்டது

You didn't share a screenshot like the other thread linked above, so this might not be relevant, but...

That can be caused by older versions of the MaterialFox theme for userChrome.css and may require a manual tweak. https://www.reddit.com/r/firefox/comments/ujrbyg/ff_100_white_address_bar_on_default_theme/

Read this answer in context 👍 1

All Replies (5)

You can create your own Theme with the Firefox Color Plugin.

The plugin seems unable to affect the colour of the search bar or search bar text.

The same question is unanswered at https://support.mozilla.org/en-US/questions/1376134

You could try changing this preference in about:config to Dark (0), light (1), system (2) or browser (3). layout.css.prefers-color-scheme.content-override

If that doesn't work, try creating the following preference as a number and make it 1 for dark mode (0 for light). ui.systemUsesDarkTheme

https://support.mozilla.org/en-US/kb/about-config-editor-firefox

தீர்வு தேர்ந்தெடுக்கப்பட்டது

You didn't share a screenshot like the other thread linked above, so this might not be relevant, but...

That can be caused by older versions of the MaterialFox theme for userChrome.css and may require a manual tweak. https://www.reddit.com/r/firefox/comments/ujrbyg/ff_100_white_address_bar_on_default_theme/

jscher2000 - Support Volunteer said

You didn't share a screenshot like the other thread linked above, so this might not be relevant, but... That can be caused by older versions of the MaterialFox theme for userChrome.css and may require a manual tweak. https://www.reddit.com/r/firefox/comments/ujrbyg/ff_100_white_address_bar_on_default_theme/

That worked! I deleted the chrome folder and user.js, restarted firefox and everything works like normal now. Thank you!