We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Mozilla 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

This thread was archived. Please ask a new question if you need help.

How do I change the NewTabPage tile shadow colors

  • 3 प्रत्युत्तर
  • 1 यह समस्या है
  • 1 view
  • के द्वारा अंतिम प्रतियुतर 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 प्रश्नकर्ता
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