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.

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

How do I change the NewTabPage tile shadow colors

  • 3 replies
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

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)

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".

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)

more options

See also:

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