- How to change the background on Firefox to a dark one on new tab / loading screen ?
- Type
about:config
in the URL bar - Search
toolkit.legacyUserProfileCustomizations.stylesheets
and double-click the field to set it totrue
- Type
about:support
in the URL bar - Look for
Profile folder
field and click on the open button next to it. - Create a folder with the name
chrome
- Inside this folder, create a file
userChrome.css
and paste the following code inside it :
tabbrowser tabpanels { background-color: rgb(19,19,20) !important; }
browser { background-color: #131314 !important; }
- Then create another file
userContent.css
and paste the followind code in it :
@-moz-document url-prefix(about:blank) {
html > body:empty {
background-color: rgb(19,19,20) !important;
}
}
@-moz-document url(about:blank) {
html > body:empty {
background-color: rgb(19,19,20) !important;
}
}
-
Completely quit and restart firefox
-
Enjoy
I'm running Windows 10 and Firefox 99.0.1 and there no more white flashing for me. I don't have about:config edited or have userChrome.css in my profile folder anymore either. Are you using a dark theme?
Another note is that I used to use the extension "New Tab Homepage" by Ben Basson and when I uninstalled it the flashing stopped. I have since installed "New Tab Home" by Ylor instead. I also use Dark Reader but not sure if that's relevant.