Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

Change newtab page background color to black.

  • 2 àwọn èsì
  • 12 ní àwọn ìṣòro yìí
  • 2 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ SpyrosGeorge

more options

I'm having trouble changing the background color of my newtab page to something other than the white that it is now. Browsing in a dark room is extremely blinding when opening the newtab page. In the past, I've modified my userContent.css file with the following (among other things):

@-moz-document url("about:newtab") {

#newtab-scrollbox{background-color:#000000!important;}
#newtab-window{background-color:#000000!important;}

}

This has always worked and has achieved the results I want, but since I updated to Firefox 42.0 this morning it does not appear to work anymore. My newtab background color is off-white and is way too bright for my taste.

I have a strong preference NOT to install any add-ons to do this as it should be easy to do from the userContent.css file. Not sure why my code no longer works...

If I throw the following into userContent.css, *{background-color:#000000;}, it has the obvious effect of setting everything to black, including the background of the newtab cells. This tells me I can set the background, I just need the proper syntax.



OS: Windows 8.1 Firefox Version: 42.0

Thanks!

I'm having trouble changing the background color of my newtab page to something other than the white that it is now. Browsing in a dark room is extremely blinding when opening the newtab page. In the past, I've modified my userContent.css file with the following (among other things): @-moz-document url("about:newtab") { #newtab-scrollbox{background-color:#000000!important;} #newtab-window{background-color:#000000!important;} } This has always worked and has achieved the results I want, but since I updated to Firefox 42.0 this morning it does not appear to work anymore. My newtab background color is off-white and is way too bright for my taste. I have a strong preference NOT to install any add-ons to do this as it should be easy to do from the userContent.css file. Not sure why my code no longer works... If I throw the following into userContent.css, *{background-color:#000000;}, it has the obvious effect of setting everything to black, including the background of the newtab cells. This tells me I can set the background, I just need the proper syntax. OS: Windows 8.1 Firefox Version: 42.0 Thanks!

Ọ̀nà àbáyọ tí a yàn

hi, can you simply try it with the following?:

@-moz-document url("about:newtab") {  
body{background-color:#000000!important;}
}
Ka ìdáhùn ni ìṣètò kíkà 👍 3

All Replies (3)

more options

Ọ̀nà àbáyọ Tí a Yàn

hi, can you simply try it with the following?:

@-moz-document url("about:newtab") {  
body{background-color:#000000!important;}
}
more options

@-moz-document url("about:newtab") { body{background-color:#000000!important;} }

Sorry, it doesn't work in FF v. 43.0.4

more options

See also:

  • chrome://browser/content/newtab/newTab.css