Change Firefox background when navigating pages
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.
Ọ̀nà àbáyọ tí a yàn
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
Ka ìdáhùn ni ìṣètò kíkà 👍 0All 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?
Ọ̀nà àbáyọ Tí a Yàn
Could I suggest asking about the problem on the Github site? Giving specific page examples for comparison might help.
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.