We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

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

  • 2 biyano
  • 1 eza na nkokoso oyo
  • 30 views
  • Eyano yasuka ya 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?

Solution eye eponami

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.

Tanga eyano oyo ndenge esengeli 👍 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!

Ezalaki modifié na Scribe

more options

Solution eye oponami

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.