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.

Change navigation bar line style

  • 2 replies
  • 2 have this problem
  • 4 views
  • Last reply by memeplex

memeplex
memeplex
more options

Hi all,

I don't like the much darker line around the back button (see screenshot) in the latest version of firefox (45). I would like to style it softer, more like the lines around tabs (see screenshot). I tried to get this working with a custom chrome/userChrome.css but to no avail. I'm not a css expert and I don't understand the details of firefox dom at all. Could anyone here help me achieve my goal?

Thank you in advance -- Carlos

Hi all, I don't like the much darker line around the back button (see screenshot) in the latest version of firefox (45). I would like to style it softer, more like the lines around tabs (see screenshot). I tried to get this working with a custom chrome/userChrome.css but to no avail. I'm not a css expert and I don't understand the details of firefox dom at all. Could anyone here help me achieve my goal? Thank you in advance -- Carlos
Attached screenshots

All Replies (2)

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

That border color seems to be defined via --urlbar-border-color

  • chrome://browser/skin/browser.css 
/* Location bar */
#nav-bar {
  --urlbar-border-color: ThreeDShadow;
}
memeplex
memeplex Question owner
more options

Thank you very much cor-el. Changing that attribute did the trick.

But there are other gui elements affected by the same system color (see https://bugzilla.mozilla.org/show_bug.cgi?id=1211892).

Do you know if it's possible to redefine ThreeDShadow instead of replacing each occurrence?