On Tuesday November 28th from 9:00AM PT - 12PM PT (5:00PM UTC - 8PM UTC), we will be performing system maintenance on support.mozilla.org. During the maintenance period, users will not be able to sign in to the website, and all users signed in at the start of the maintenance period will be signed out.

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

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