Make Firefox A Snap: Part III

"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;



  • 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.

Comments are closed.