05-10-2026 09:34 AM
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.
05-10-2026 10:34 AM
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