Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Change newtab page background color to black.

  • 2 réponses
  • 12 ont ce problème
  • 2 vues
  • Dernière réponse par 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!

Solution choisie

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

@-moz-document url("about:newtab") {  
body{background-color:#000000!important;}
}
Lire cette réponse dans son contexte 👍 3

Toutes les réponses (3)

more options

Solution choisie

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