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

No longer have lines between my unused tabs - HATE IT!!!!!!!

  • 5 uphendule
  • 2 zinale nkinga
  • 28 views
  • Igcine ukuphendulwa ngu cor-el

more options

This: https://blog.mozilla.org/addons/2021/04/19/changes-to-themeable-areas-of-firefox-in-version-89/

Says that I can’t have lines separating my unused tabs anymore. This is SO annoying. Can anyone help me get borders between my unused tabs?

Also, WHY ARE YOU DOING THIS Mozilla? Now I have to stop EVERYTHING that I am doing and research how I can make your browser work the way I want it to. Why do you always assume that you know what is best for me?

I tried the "Stylish" add-in but when I try to install a specific style from their site - nothing happens.

The Firefox Universe is extremely vast, and trying to Google “lines between my unused tabs” is getting me nowhere. I don’t know how to develop themes. I don’t code. I just want the browser to look like it did last week. Is it really so much to ask?

Every. Single. Time. I update Firefox - I regret it!!!

Isisombululo esikhethiwe

Hi LAinWLA, I'm not sure why it is considered good UI to remove the lines, but they are gone. You have two immediate options:

(1) Use a temporary preference in Firefox 89 to revert most of the tab bar changes. This gives me back lines on Windows 10, but another user said it didn't work on Windows 7. I'll give the steps below.

(2) Use custom style rules in a userChrome.css file. If you've never done that before, it's a little bit of a project so I'll save the details for later. As a sneak peek, you can look at my page here: https://www.userchrome.org/firefox-89-styling-proton-ui.html#tabstyler

Preference Change

(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk.

(2) In the search box in the page, type or paste browser.proton.enabled and pause while the list is filtered

(3) Double-click the preference to switch between true (new UI) and false (old UI)

This preference was retained only for testing and might be a touch glitchy, but if you need it, you need it.

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 2

All Replies (5)

more options

Isisombululo Esikhethiwe

Hi LAinWLA, I'm not sure why it is considered good UI to remove the lines, but they are gone. You have two immediate options:

(1) Use a temporary preference in Firefox 89 to revert most of the tab bar changes. This gives me back lines on Windows 10, but another user said it didn't work on Windows 7. I'll give the steps below.

(2) Use custom style rules in a userChrome.css file. If you've never done that before, it's a little bit of a project so I'll save the details for later. As a sneak peek, you can look at my page here: https://www.userchrome.org/firefox-89-styling-proton-ui.html#tabstyler

Preference Change

(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button accepting the risk.

(2) In the search box in the page, type or paste browser.proton.enabled and pause while the list is filtered

(3) Double-click the preference to switch between true (new UI) and false (old UI)

This preference was retained only for testing and might be a touch glitchy, but if you need it, you need it.

Helpful?

more options

I have the SAME issue I am so tired of waking up and seeing my entire browser has been changed out of nowhere with no warning I didn't want it why wont they stop doing it.

Helpful?

more options

johnfields82 said

I have the SAME issue I am so tired of waking up and seeing my entire browser has been changed out of nowhere with no warning I didn't want it why wont they stop doing it.

Did the temporary preference change work for you?

Helpful?

more options

Thank you JScher2000, this solved the issue, at least on my Windows 10 machine. I'm not marking this solved yet though because I have an old laptop at home that isn't running Windows 10 and I may need to circle back with you regarding a customized css file. I have done that before, but I just imported an entire file that someone else developed. This was after the last "big change" to Firefox, the huge one that meant I could no longer use the classic theme plug-in I had in my browser. So I found a css file that duplicated most of the classic Firefox appearance and functionality. I really have no idea how to modify it though and just don't have the time or mental bandwith to learn this crap now.

If you have a css file that could solve all of these problems I would love to have a copy and a recap of how to import it my system.

Mozilla, if you're listening - for "the most customizable browser in the world" - you sure have taken a lot of customization options AWAY from your users over the last couple of years. Feels like false advertising to me.


EDIT: The about:config fix works on my old laptop too, so I'm going to mark this solved. At least, until Mozilla decides they don't want me to be able to do this either. Thank you again @JScher2000!

Okulungisiwe ngu LAinWLA

Helpful?

more options

You can also possibly use code in userChrome.css to add a border.

@media (-moz-proton) {
 .tabbrowser-tab:not([selected]) .tab-background {
   border: 1px dotted gray !important;
   border-top-color: transparent !important;
 }

 .tabbrowser-tab .tab-content {
   padding-bottom: 7px !important;
 }
}

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a plain text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.

See also:

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

Okulungisiwe ngu cor-el

Helpful?

Buza umbuzo

Kufanele ulogele ukungena ku-akhawunti yakho ukuze uphendule amaphosti. Uyacelwauqale umbuzo omusha, uma ungekabi nayo i-akhawunti namanje.