Join the Mozilla’s Test Days event from 9–15 Jan to test the new Firefox address bar on Firefox Beta 135 and get a chance to win Mozilla swag vouchers! 🎁

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Läs mer

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

  • 4 svar
  • 0 har detta problem
  • 182 visningar
  • Senaste svar av 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.

Vald lösning

Thank you so much!

Läs svaret i sitt sammanhang 👍 0

Alla svar (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?

Ändrad av aidantomcy

more options

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

more options

Vald lösning

Thank you so much!