Mozilla Monitor website will be down for 2 hours starting 5/20/2025 at 6 AM PT. Visit our status site for updates.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

How can I change the newtab background-color in FF57?

  • 1 reply
  • 44 have this problem
  • 5 views
  • Last reply by cor-el

daef
daef

I wan't to do the same as https://support.mozilla.org/en-US/questions/1177062 but with firefox 57.

EDIT: My mistake was that I've tried to put the chrome folder in %USERPROFILE% >.<

I wan't to do the same as https://support.mozilla.org/en-US/questions/1177062 but with firefox 57. EDIT: My mistake was that I've tried to put the chrome folder in %USERPROFILE% >.<

Modified by daef

Chosen solution

That would be the same code in userContent.css.

Add code to the userContent.css file. 

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

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

  • create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • use a plain text editor like Notepad to create a (new) userContent.css file in the chrome folder (file name is case sensitive)
  • paste the code in the userContent.css file in the editor window
  • make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userContent.css.
    otherwise Windows may add a hidden .txt file extension and you end up with a not working userContent.css.txt file
Read this answer in context 👍 12

All Replies (1)

cor-el
cor-el
  • Moderator

Chosen Solution

That would be the same code in userContent.css.

Add code to the userContent.css file. 

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

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

  • create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • use a plain text editor like Notepad to create a (new) userContent.css file in the chrome folder (file name is case sensitive)
  • paste the code in the userContent.css file in the editor window
  • make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userContent.css.
    otherwise Windows may add a hidden .txt file extension and you end up with a not working userContent.css.txt file