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

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!