Mozilla will shut down Pocket’s services on July 8, 2025. At that time users will no longer be able to access the Pocket website, apps and API. You can export your saved items and API data until October 8, 2025 before they are permanently removed. For more information, see this article.

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