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

Le thread ibilondoloziwe. Nceda ubuze umbuzo omtsha ukuba ufuna uncedo.

How do I change the NewTabPage tile shadow colors

  • 3 iimpendulo
  • 1 inayo le ngxaki
  • 1 view
  • Impendulo yokugqibela ngu cor-el

sejhog
sejhog
more options

I would like to change the border/shadow colors that appear when hovering over a tile on the new tab page , ideally using usercontent.css

I would like to change the border/shadow colors that appear when hovering over a tile on the new tab page , ideally using usercontent.css

All Replies (3)

the-edmeister
the-edmeister
  • Moderator
more options

You can view the source code for the newTab.css file here:

chrome://browser/content/newtab/newTab.css

BTW, the correct file name is userContent.css - the C for Content has to be upper-case or Firefox won't use that file.

And if you aren't familiar with css, check out this website - https://userstyles.org/ - for pre-made "styles" that can be used with Stylish or be put in a userContent.css file with a little editing to make it "yours".

sejhog
sejhog Umnini wombuzo
more options

Thanks, I got some ideas from https://userstyles.org/ searching for about:newtab - working through them and slowly getting there! (also, thanks for the case typo)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

See also:

  • chrome://browser/skin/newtab/newTab.css