Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

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

  • 4 àwọn èsì
  • 0 ní àwọn ìṣòro yìí
  • 1 view
  • Èsì tí ó kẹ́hìn lọ́wọ́ 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.

Ọ̀nà àbáyọ tí a yàn

Thank you so much!

Ka ìdáhùn ni ìṣètò kíkà 👍 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?

Ti ṣàtúnṣe nípa aidantomcy

more options

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

more options

Ọ̀nà àbáyọ Tí a Yàn

Thank you so much!