搜尋 Mozilla 技術支援網站

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

了解更多

how does on customize the color of the new tab page?

  • 2 回覆
  • 1 有這個問題
  • 30 次檢視
  • 最近回覆由 myPalabok

more options

FF 60.5.0esr

how does one make the new tabe page dark? or any color?

FF 60.5.0esr how does one make the new tabe page dark? or any color?

被選擇的解決方法

found it too.

write about:profiles in the Firefox address bar and select Open Folder in correspondence of the "Root Directory" of the user profile you want to customize;

create a new folder named "chrome";

create a new file named userContent.css inside the chrome folder and put the following code in it:

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

note: that all zeroes is a html color code. so just google for the values corresponding to the color you want.

從原來的回覆中察看解決方案 👍 0

所有回覆 (2)

more options

Hi, you can only do that with userContent.css

/*CHANGE NEW TAB BACKGROUND COLOUR*/
@-moz-document url("about:newtab"), url("about:home") {
 body { background-color: #e7d74b !important;}
}

You can replace #e7d74b with any colour you like from https://www.w3schools.com/cssref/css_colors.asp

Note that this goes into a userContent.css file, not userChrome.

If you don't know how to use CSS, see https://www.userchrome.org/what-is-userchrome-css.html


Depending on how you use the New Tab, you can alternatively use an extension such as https://addons.mozilla.org/en-US/firefox/addon/quick-dial/

If your question is resolved by this or another answer, please help other users by marking the best reply as Solved. Thank you!

由 Scribe 於 修改

more options

選擇的解決方法

found it too.

write about:profiles in the Firefox address bar and select Open Folder in correspondence of the "Root Directory" of the user profile you want to customize;

create a new folder named "chrome";

create a new file named userContent.css inside the chrome folder and put the following code in it:

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

note: that all zeroes is a html color code. so just google for the values corresponding to the color you want.