cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Highlight current tab and show other tabs greyed out

abhi07
Making moves

Hi,

I have been using FF for last 16 years as my default browser. This current update (FF 157) is good and I like it, but it broke the visual appeal for the current tab vs others. I can no longer identify which tab I am currently on and the tabbar looks the same across. I usually have a lot many tabs open.

Please at least provide a choice to users to highlight the current tab and show other tabs greyed-out.

Thanks.

1 REPLY 1

Agentvirtuel
Leader

Bonsoir

Your idea is now open to votes (aka kudos) and comments, make tabs visually distinguishable from another
https://connect.mozilla.org/t5/ideas/make-tabs-visually-distinguishable-from-another/idi-p/7295

Below, userChrome.css

Introduction, please read, contributors guide on Firefox advanced customization with css
https://support.mozilla.org/en-US/kb/contributors-guide-firefox-advanced-customization

Colors
https://www.w3schools.com/colors/colors_hex.asp

Nova Anpassungen
https://www.camp-firefox.de/forum/thema/140977-nova-anpassungen/?postID=1294973#post1294973

If you wish to try userChrome.css

.tab-background {
  &:is([selected], [multiselected]) {
  border: 3px solid red !important; 
  background-color: yellow !important;
  }
} 

.tab-label[selected] {
  color: blue !important;
  font-weight: bold !important;
}
.tab-background:not([selected], [multiselected]) {
  border: 1px solid grey !important; 
}

Copy/paste the code into your notepad
Save
Type: All files
userChrome.css

Create a chrome folder
Move userChrome.css to your chrome folder

Go to your profile folder https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-prof...

Move your chrome folder to your profile folder

Go to configuration editor https://support.mozilla.org/en-US/kb/about-config-editor-firefox
Enter a search term toolkit.legacyUserProfileCustomizations.stylesheets
Double-click on the preference, to set its value to true

And restart Firefox

If you change userChrome.css, restart Firefox

Below, the result of the test of this userChrome.css