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

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

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

userChrome.css broken in FF 10.0.2 and Nightly 13.0a1?

  • 2 replies
  • 1 has this problem
  • 1 view
  • Last reply by sctl

sctl
sctl
more options

I noticed with the FF 10.0.2 update that userChrome.css is no longer being applied. To test, I created a new profile with no addons or extensions, and a single modified CSS value (to opacify the titlebar) in userChrome.css. It doesn't work as usual or expected (no result at all). I noticed that Nightly 13.0a1 is also affected. Here's the one CSS value I pared the userChrome down to:

#TabsToolbar {
 background-color: -moz-dialog !important;
}

Thanks

I noticed with the FF 10.0.2 update that userChrome.css is no longer being applied. To test, I created a new profile with no addons or extensions, and a single modified CSS value (to opacify the titlebar) in userChrome.css. It doesn't work as usual or expected (no result at all). I noticed that Nightly 13.0a1 is also affected. Here's the one CSS value I pared the userChrome down to:<br /> <br /> <pre><nowiki>#TabsToolbar { background-color: -moz-dialog !important; } </nowiki></pre> Thanks

Modified by cor-el

Chosen solution

That tab bar already has that background-color: -moz-dialog !important; rule, but there is another rule that sets a background-image 

background-image: -moz-linear-gradient(50% 100%, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%);

You probably need to add a -moz-appearance: none !important; rule and may also need to disable background images or set a different background image instead.

See line 27 and line 1429 in:

  • chrome://browser/skin/browser.css
Read this answer in context 👍 1

All Replies (2)

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

Chosen Solution

That tab bar already has that background-color: -moz-dialog !important; rule, but there is another rule that sets a background-image 

background-image: -moz-linear-gradient(50% 100%, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%);

You probably need to add a -moz-appearance: none !important; rule and may also need to disable background images or set a different background image instead.

See line 27 and line 1429 in:

  • chrome://browser/skin/browser.css
sctl
sctl Question owner
more options

Thanks cor-el, sorry it took me so long. You are spot on, as usual!