Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

搜尋 Mozilla 技術支援網站

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

了解更多
Solved 封存

Change newtab page background color to black.

SpyrosGeorge replied
krugford

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!

所有回覆 (2)

選擇的解決方法

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

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

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

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

See also:

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