Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

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?

  • 3 பதிலளிப்புகள்
  • 2 இந்த பிரச்னைகள் உள்ளது
  • 8 views
  • Last reply by jscher2000 - Support Volunteer

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)

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.

+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...

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