Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

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.

  • 7 iimpendulo
  • 4 inale ngxaki
  • 1 view
  • Impendulo yokugqibela ngu Carabiners

more options

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?

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)

more options
more options

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.

more options

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

more options

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.

more options

Search addons.mozilla.org for more options.

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.

  • 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
more options

Thanks Cor-el! Exactly what I wanted!