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

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
Archived

How do I change the NewTabPage tile shadow colors

sejhog

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)

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

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)

See also:

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