Make Firefox A Snap: Part III
Posted on January 2nd, 2008 by Dana
"Say, how did you get that active tab to be so pretty?"
I agree. It looks great; almost velvety. This, like the changes in Part I, is a UserChrome.css tweak. Simply put this text into your UserChrome.css file:
.tabbrowser-tab[selected=”true”] > hbox,
.tabbrowser-tab[selected=”true”] > .tab-close-button {
background-color: #000033 !important;
color: #fff !important;
}
.tabbrowser-tab[selected=”true”]:hover > hbox,
.tabbrowser-tab[selected=”true”]:hover > .tab-close-button {
background-color: #000099 !important;
color: #fff !important;
}
[source]
Notes:
- Be sure that the four instances of "true" are surrounded by quotation marks. The source site has this mistakenly posted with two apostrophes.
- Pick your own colors. The 00033 color creates a dark blue, but any hexidecimal color can be used. (the second half sets up the color used when hovering over the tab)
- Your UserChrome.css file can be found by clicking Start | Run, then
"%appdata%" and press "Enter". (In Vista, simply hit the Windows button and type the phrase). Drill down through these folders: Mozilla | Firefox | Profiles | crazystringofletters | chrome. Double click UserChrome.css in the ..\chrome folder, copy, and paste the above text. You’ll need to close and reopen Firefox to see your changes.
