My take: Make the active tab easier to distinguish

Recently on Popular Delicious there has been a link to the Firefox Help site with instructions on how to make the active tab easier to distinguish from the non-active tabs. While the tweak is helpful, I thought I could take it a little further. Using the Mozilla article as a starter, you can insert my code below into your userChrome.css file to make your active tab stand out even more.

/* Change color of active tab */
tab[selected="true"] {
color: black !important;
}

/* Change color and size of normal tabs */
tab:not([selected="true"]) {
color: gray !important;
font-size: 90%;
}

/* Kill all tab icons, no matter what */
tab .tab-icon {
display: none;
}

/* Show icons when tab is selected */
tab[selected="true"] .tab-icon {
display: -moz-box;
}

/* Show tab loading indicator while the tab is loading */
tab[busy] .tab-icon {
display: -moz-box;
}

Firefox Help: Tips & Tricks

Comments are closed.