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

Changing background color of search box and quick links in new tab

  • 4 replies
  • 0 have this problem
  • 1 view
  • Last reply by aidantomcy

more options

How do I change the background color of the search box and quick links in a new tab? I'm using Firefox color.

How do I change the background color of the search box and quick links in a new tab? I'm using Firefox color.

Chosen solution

Thank you so much!

Read this answer in context 👍 0

All Replies (4)

more options

Themes can change this with ntp_card_background but it is not exposed by Firefox Color.

Another way is with userContent.css:

@-moz-document url(about:home), url(about:newtab) {
  body {
    --newtab-background-color-secondary: red !important; 
  }

}

more options

So how do I change it? I'm not planning on publishing a theme (I'm just doing this to change the appearance of Firefox for myself). I tried poking around in the CSS and changing the variable works fine. How do I make it permanent?

Modified by aidantomcy

more options

Follow the same procedure here but name the file userContent.css instead of userChrome.css.

more options

Chosen Solution

Thank you so much!