Learn how to get rid of the white flash between websites on Firefox. A handy guide that will make browsing in dark mode with dark themes a little more complete. Sadly this won’t work for all websites for some reason but it will reduce the number of white flashes you encounter.
Now that dark modes and darks themes have been accepted as standard offerings, there’s no better time to customise your browsing experience, especially if you are browsing from Mozilla Firefox. With a few simple tweaks, it’s possible to drastically reduce the number of white flashes between websites when loading between them.
Before you get started though, you’ll need to make sure you are using quite a few modifications already. You’ll need to have your browser set to dark mode, your websites set to dark mode (where possible) and your new tab and about:blank pages set to dark mode. If you haven’t done any of this yet, check out the links below.
- How to Change the Firefox New Tab and about:blank Page Colour.
- How to View Any Website in Dark Mode on Firefox With Custom Colour Profiles.
- How to Make Firefox Match Your Windows Theme Settings Automatically. (Dark or Light Themes)
How Do You Get Rid of White Flashes Between Website Loadings on Firefox?
To begin, open the userContent.css file found under:
C:\Users\username\AppData\Roaming\Mozilla\Firefox\Profiles\insertprofilenamehere.
Or use the method shown here, to get to the location. Once you are in the location, copy and paste the following text to the bottom of the userContent.css file then Save it.
@-moz-document url-prefix(about:blank), url-prefix(about:newtab), url-prefix(about:home) {
html > body:empty, #newtab-customize-overlay, html:not(#ublock0-epicker), html:not(#ublock0-epicker) body {
background: #2a2a2a !important;
}
}
Note: The bold text in the above code is the colour code, make sure you match this colour code to the current theme you are using for your theme.
Next, create a new text document using Notepad, then copy and paste the following text into the document and save the document as user.js
user_pref("browser.in-content.dark-mode", true);
user_pref("ui.systemUsesDarkTheme", 1);
After making both of these changes Restart Firefox and you should notice a considerably better, less white browsing experience. Sadly there isn’t currently a way to make sure all websites load without the white flash. Simply because of the fact that most website still prefer to use white backgrounds as default.
On a Side Note…
If you’re also a big Windows 10 user, make sure you take the time to check out the newly designed File Explorer. More than likely it’s going to take a fair bit of getting used to, but it does fit with the current material design of Windows 10 very well. It’s also a work in progress, so it’s best to take it with a grain of salt as it still has a lot of work to go.
How to Access the New Windows 10 File Explorer.
