Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

How can I get a border around inactive tabs?

more options

Hello,

I updated firefox and it's now hard to tell when one tab ends and another begins when you have multiple inactive tabs next to each other, which is a major annoyance.

The way to solve this would be to have the inactive tabs have a border around them like the active tab, have them have a different background color from the toolbar, or otherwise have some kind of separator between them. I saw another answer that gave a temporary solution, but the same answer said the solution was going to stop working in a future update. Is there a permanent solution?

Hello, I updated firefox and it's now hard to tell when one tab ends and another begins when you have multiple inactive tabs next to each other, which is a major annoyance. The way to solve this would be to have the inactive tabs have a border around them like the active tab, have them have a different background color from the toolbar, or otherwise have some kind of separator between them. I saw another answer that gave a temporary solution, but the same answer said the solution was going to stop working in a future update. Is there a permanent solution?

All Replies (3)

more options

This is a suggestion not a solution but you could try a tabs sidebar extension for vertical tabs if you use a lot of tabs in a single window and hide the horizontal tab bar in userChrome.css. There it might be easier to see where the tabs start and end.

more options

+1 to the problem

the following doesn't work anymore: - disable 'proton' in 'about:config' - add .tabbrowser-tab { background-image: ... } to userChrome.css + toolkit.legacyUserProfileCustomizations.stylesheets=true

 from: https://support.mozilla.org/en-US/questions/1287031

i really don't see any other solution...

more options

Mozilla doesn't officially support userChrome.css style hacking due to the risk of rule breakage as Firefox continuously evolves. Now that I have that out of the way...

Check out my code generator here. In the middle column, there are three options for background tab separation:

https://www.userchrome.org/firefox-89-styling-proton-ui.html#tabstyler