How to stop Firefox from flashing white screen while page is loading?
Hi, I use the dark reader add on which saves my eyes from the burning white pages of the internet. Unfortunately, firefox flashes white before loading new pages. How can this be stopped?
To reproduce, enable the dark reader add on. Go to duckduckgo in a new tab, do a search for anything and you'll see the screen flash white before loading results.
I was using this solution which was working perfectly, but it doesn't work anymore (after a recent refresh of firefox):
userChrome.css
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window,
browser[type="content-primary"],
browser[type="content"],
tabbrowser#content,
#content,
browser[type="content"] > html
{
background: #323234 !important;
}
}
userContent.css
@charset "utf-8"; /* CSS Document */
@-moz-document url("about:newtab") { body { background-color: #011326 !important;} }
@-moz-document url(chrome://browser/content/browser.xul) { browser[type="content-primary"] {background: #011326 !important} }
Any ideas?
Chosen solution
You also need to change browser.xul to browser.xhtml in Firefox 69 and later.
@-moz-document url(chrome://browser/content/browser.xul) {} => @-moz-document url(chrome://browser/content/browser.xhtml) {}
Read this answer in context 👍 1All Replies (3)
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css.
- toolkit.legacyUserProfileCustomizations.stylesheets = true
This pref is false by default in Firefox 69 and later, but is created with a true value true in Firefox 68 when it detects the chrome folder with either of these two files to make the transfer to Firefox 69 easier. If you create a new profile in Firefox 69 and later then you need to toggle the pref manually yourself to make userChrome.css and userContent.css work again.
You can open the about:config page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue.
Chosen Solution
You also need to change browser.xul to browser.xhtml in Firefox 69 and later.
@-moz-document url(chrome://browser/content/browser.xul) {} => @-moz-document url(chrome://browser/content/browser.xhtml) {}
Thanks cor-el! That did it! My eyes are at peace again :)