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

Newtab background color changes new tabs but not startup page

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by L40P

more options

Hi, so I wanted my newtab page to be dark and customized it by editing the userContent.css with "@-moz-document url("about:newtab") {body { background-color: #121212 !important;}}"

It works fine when opening new tabs. The weird thing is that it doesn't change the background color of the "newtab" page that shows up when you start Firefox. I'm new to the whole userContent.css stuff so thanks for any help you can give!

Hi, so I wanted my newtab page to be dark and customized it by editing the userContent.css with "@-moz-document url("about:newtab") {body { background-color: #121212 !important;}}" It works fine when opening new tabs. The weird thing is that it doesn't change the background color of the "newtab" page that shows up when you start Firefox. I'm new to the whole userContent.css stuff so thanks for any help you can give!

Chosen solution

There is a different internal "address" for that page. Try starting your rule this way:

@-moz-document url("about:newtab"), url("about:home") {

Read this answer in context 👍 1

All Replies (2)

more options

Chosen Solution

There is a different internal "address" for that page. Try starting your rule this way:

@-moz-document url("about:newtab"), url("about:home") {

more options

Thank you! I also found another solution which is described here: https://www.reddit.com/r/firefox/comments/7d1rwn/dark_new_tab/