Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Change newtab page background color to black.

  • 2 回覆
  • 12 有這個問題
  • 12 次檢視
  • 最近回覆由 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!

被選擇的解決方法

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

@-moz-document url("about:newtab") {  
body{background-color:#000000!important;}
}
從原來的回覆中察看解決方案 👍 3

所有回覆 (3)

more options

選擇的解決方法

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