Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

ابحث في الدعم

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
Solved المُؤرشفة

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

aidantomcy

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.

All Replies (4)

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

}

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

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

الحل المُختار

Thank you so much!