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.

Avatar for Username

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

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

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

  • 4 replies
  • 0 have this problem
  • 182 views
  • Last reply by aidantomcy

aidantomcy
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)

zeroknight
zeroknight
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; 
  }

}

aidantomcy
aidantomcy Question owner
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

zeroknight
zeroknight
more options

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

aidantomcy
aidantomcy Question owner
more options

Chosen Solution

Thank you so much!