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

Change Firefox background when navigating pages

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

Hi

I have dark mode installed for almost every site that I use.

When I navigate from one page to the other the background of Firefox is set to the white color, and switching from black to white, and immediately back to black is aggressive to the eyes.

How can I change the background color of Firefox before the page has loaded?

Thanks.

Hi I have dark mode installed for almost every site that I use. When I navigate from one page to the other the background of Firefox is set to the white color, and switching from black to white, and immediately back to black is aggressive to the eyes. How can I change the background color of Firefox before the page has loaded? Thanks.

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

Could I suggest asking about the problem on the Github site? Giving specific page examples for comparison might help.

https://github.com/overdodactyl/ShadowFox/issues

Read this answer in context 👍 0

All Replies (5)

Hi epomatti, the empty frame that the web content goes into normally has a white background. Traditionally, you would create a userChrome.css file to apply a custom background color. It sounds as though Firefox's Dark theme doesn't do that yet, and it still needs to be done the old-fashioned way.

There is a project called ShadowFox that includes this and numerous other style rules to dark theme as much of Firefox as possible: https://overdodactyl.github.io/ShadowFox/

If you don't want to use all of that, just the one change, I could figure out which rule it is, or you could check the following subreddit where the question comes up from time to time: https://www.reddit.com/r/FirefoxCSS/

Hi Jscher

I installed it but there still is a small gap where (I assume) the page CSS is not loaded yet, and the background of the page is white for a short second.

Can that be changed as well?

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

Could I suggest asking about the problem on the Github site? Giving specific page examples for comparison might help.

https://github.com/overdodactyl/ShadowFox/issues

Try to add code to the userContent.css file.


/* about:blank */
@-moz-document url(about:blank){html,body{background-color:#ddd!important}}

cor-el said

Try to add code to the userContent.css file.
/* about:blank */
@-moz-document url(about:blank){html,body{background-color:#ddd!important}}

It didn't work.