Make Your Active Tab in Firefox Stand Out

Here is my little pet peeve about Firefox tabs – with the the default theme it is sometimes hard to see which tab is currently active at a glance. The difference between normal and boldface tab title is just not that pronounced. It just doesn’t jump at you, which is in my opinion what it should be doing. I want to be able to instantly tell “where I’m at” without thinking.

In order to make my active tab stand out some more added this to my userChrome.ccs:

.tabbrowser-tab[selected="true"] > hbox,
.tabbrowser-tab[selected="true"] > .tab-close-button {
background-color: #DD8800 !important;
color: #fff !important;
}
.tabbrowser-tab[selected="true"]:hover > hbox,
.tabbrowser-tab[selected="true"]:hover > .tab-close-button {
background-color: #FFAA00 !important;
color: #fff !important;
}

This will make the active tab dirty orange-ish color, and will make the text white. Yes, I like orange – it fits with my color scheme here, so STFU! Feel free to play around with the color codes. You can even make it raging pink if you like.

[tags]firefox, tabs, active tab, userChrome.css[/tags]