This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

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

  • 2 antwoorde
  • 1 het hierdie probleem
  • 210 views
  • Laaste antwoord deur 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?

Gekose oplossing

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.

Lees dié antwoord in konteks 👍 0

All Replies (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!

Gewysig op deur Scribe

more options

Gekose oplossing

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.