How to change background color of a site opening in a tab
So, whenever I click a link that will open in a new tab, the whole firefox background will flash in bright white color for a second until the page is loading. How can I change this background color?
Wubrane rozrisanje
The above style rule covers the time before Firefox starts painting the default page background color (or the page's own background color). To soften that a bit you could change the default page background from pure white to light gray:
(0) Select and copy the following color value:
#F8F8F8
(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful.
(2) In the search box above the list, type or paste color and pause while the list is filtered
(3) Double-click the browser.display.background_color preference, delete the existing value, and paste the value for light gray
This color will show on pages that do not specify a background color, such as
https://www.jeffersonscher.com/res/jstest.php
Tutu wotmołwu w konteksće čitać 👍 2Wšě wotmołwy (4)
It's simplest to use an add-on or custom style rule.
For example, I use this rule, which replaces the white background behind the page with a slate bluegray color:
@-moz-document url(chrome://browser/content/browser.xul) {
browser[type="content-primary"] {background: #778899 !important}
}
To install that rule (or another custom style rule) into Firefox, you can use either:
- The Stylish extension (good for quick edits and experiments)
- A userChrome.css file (if you have more extensions than you want already)
It doesn't work, I added "5CACEE" instead of that number (in the window where that code already was), but still white background...
Wubrane rozrisanje
The above style rule covers the time before Firefox starts painting the default page background color (or the page's own background color). To soften that a bit you could change the default page background from pure white to light gray:
(0) Select and copy the following color value:
#F8F8F8
(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful.
(2) In the search box above the list, type or paste color and pause while the list is filtered
(3) Double-click the browser.display.background_color preference, delete the existing value, and paste the value for light gray
This color will show on pages that do not specify a background color, such as
Found the bug, I had "use system color" ticked in the firefox color settings... disabled, now working as expected! :D (And following your steps!)