How to get rid of ALL white backgrounds?
In my continuing battle to eliminate all "blinding white" backgrounds, the Firefox Home page and the mozilla websites continue to ignore my wishes. I've tried a variety of extensions, themes and scripts that claim to darken these backgrounds to no avail. Any help would be appreciated. Thanks
Όλες οι απαντήσεις (4)
You could try Options>Content>Fonts and Colors>Colors>Background.
Play around with this for a while. There aren't many suitable colors but I use a creamy white for blank pages. You can check or uncheck "Allow pages to use their own colors . . ."
https://addons.mozilla.org/en-US/firefox/addon/dark-background-light-text/ Dark background and light text.
Open up a new Firefox webpage.
Go to the menu in the upper right hand of your browser. Click on Add-ons.
Firefox will bring you to the Add-ons homepage. Search for the add-on Blank Your Monitor. Click Install.
Click Accept and Install when prompted to confirm.
Restart Firefox.
The Blank Your Monitor add-on (it looks like a tree) should appear in the toolbox at the top of your browser. If not, go to the menu again and click customize.
Drag the Blank Your Monitor add-on to your toolbox.
Click on the Blank Your Monitor image in your toolbox to reverse the colors on all web pages. Now your webpages will feature a black background with white text. Any pictures on the web pages will not be affected.
To change your background and text colors to something else besides black and white, click on the down arrow next to the toolbox image of the add-on.
Click BYM Options. This will not work if the screen is already black. Here you can choose from any color in the rainbow to change the color of your background and text. You also have the option to change the colors of links and links you haven’t clicked on.
Click OK if you are satisfied with the changes.
You need to use code in userContent.css to style the background of the Firefox Home page ( about:home and about:newtab).
Add code to the userContent.css file.
@-moz-document url-prefix(about:home), url-prefix(about:newtab) {
body{background-color: #eee !important;}
}
It is not that difficult to create userContent.css if you have never used it.
The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.
You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userContent.css (name is case sensitive). In this userContent.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file.
In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userContent.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".
You need to close (Quit/Exit) and restart Firefox when you create or modify the userContent.css file.
See also:
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
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 in the chrome folder.
- toolkit.legacyUserProfileCustomizations.stylesheets = true
- https://www.userchrome.org/firefox-changes-userchrome-css.html