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.

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.

How can I prevent the navigation and bookmark bars from taking on the color of the active tab in a non-default theme?

winged_mammal
winged_mammal
more options

I don't much like the look of the default, light, or dark themes, so I've had a blueish space theme for a couple years. Since updating to Quantum, the bookmarks and navigation bar have a kind of grayish overlay to them that makes a visual mess of the custom theme. Regardless of what custom theme I pick, the nav and bookmark bars will be whatever color that theme has set for the active tab.

(I'd include a screenshot here but I'm not sure if it's uploading or not. I'll add a new post with the image if it doesn't upload here.)

Since I've put in some custom CSS to make the tab bar be below the bookmarks bar, this problem is even more visually distracting, since it puts a light gray block in the middle of the custom banner. Is there a setting to change this, or even some more CSS?

I'm on Windows 10, 64 bit, Firefox 57.0.2.

I don't much like the look of the default, light, or dark themes, so I've had a blueish space theme for a couple years. Since updating to Quantum, the bookmarks and navigation bar have a kind of grayish overlay to them that makes a visual mess of the custom theme. Regardless of what custom theme I pick, the nav and bookmark bars will be whatever color that theme has set for the active tab. (I'd include a screenshot here but I'm not sure if it's uploading or not. I'll add a new post with the image if it doesn't upload here.) Since I've put in some custom CSS to make the tab bar be below the bookmarks bar, this problem is even more visually distracting, since it puts a light gray block in the middle of the custom banner. Is there a setting to change this, or even some more CSS? I'm on Windows 10, 64 bit, Firefox 57.0.2.

Chosen solution

On the off chance anyone else comes around with this problem, I did find a solution using userChrome.css, from the second post by the user called Jefferson here.

Read this answer in context 👍 0

All Replies (2)

winged_mammal
winged_mammal Question owner
more options

Here's what I'm talking about. First one is regular Quantum, second is with the CSS to put the tabs below everything else.

This may have been a problem in prior versions of Firefox as well, but I had the Custom Theme Restorer addon installed so I may well have never encountered it.

winged_mammal
winged_mammal Question owner
more options

Chosen Solution

On the off chance anyone else comes around with this problem, I did find a solution using userChrome.css, from the second post by the user called Jefferson here.