I'd like to change the 'New Tab' background for FF Quantum from white to black to be easier on the eyes, especially at night.
I swapped over to FF Quantum from Chrome earlier today and one of the most important features with chrome for me was the ability to change the 'New Tab' page to black. I use Stylish for a lot of sites to also change them black and I'm grateful this works with FF Quantum. Unfortunately, none of the Stylish options seem to work with the FF Quantum 'New Tab' page and the Dark Theme only changes the colors of the top bars.
I ran into an add-on called New Tab Tools; however, I'm not a fan of how it changes the default appearance of the 'Top Sites' buttons.
Is there some other way to change the background of the 'New Tab' page to black?
All Replies (7)
Mkll said
Hi, try this: https://addons.mozilla.org/en-US/firefox/addon/new-tab-tools/
Thanks for such a quick reply, but I actually already tried New Tab Tools. It seems to change the entire look of the default 'New Tab' page instead of just having the specific option to only change the background to black.
https://addons.mozilla.org/en-US/firefox/addon/new-tab-override/ You could use this to set a black image link as your new tab
Mkll said
https://addons.mozilla.org/en-US/firefox/addon/new-tab-override/ You could use this to set a black image link as your new tab
Thanks for another option MkII! Unfortunately, it appears that by changing the 'New Tab' page to load a Black color, it removes the 'Top Sites' buttons from the page, leaving it completely blank.
Search addons.mozilla.org for more options.
You can use code in userContent.css to style the about:newtab page.
Add code to the userContent.css file.
@-moz-document url(about:newtab){
<put your CSS code here>
}
You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.
- Help -> Troubleshooting Information -> Profile Directory:
Windows: Show Folder; Linux: Open Directory; Mac: Show in Finder - http://kb.mozillazine.org/Profile_folder_-_Firefox
- create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
- use a plain text editor like Notepad to create a (new) userContent.css file in the chrome folder (file name is case sensitive)
- paste the code in the userContent.css file in the editor window
- make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userContent.css.
otherwise Windows may add a hidden .txt file extension and you end up with a not working userContent.css.txt file
Thanks Cor-el! Exactly what I wanted!