Inspired by screenshot of Tweak for Skin FireFox 2 RC1 by bbernies
Note:
* This is just an example, use your custom colors.
* Anyone who complains that this style doesn't work on Firefox 3.0*, please READ THE TITLE
Changelog:
* Updated: the optional bottom border
* Fixed: close button background color on tabs, thanks to Felix for the comment
Install options
- Install Stylish for Firefox, Thunderbird, Flock, Mozilla Suite, SeaMonkey, or Songbird. If you have Stylish already, make sure you're using the latest version and have JavaScript enabled.
- You need Firefox with Stylish to use this style. Get it now, then Install Stylish, then come back here to install this style.
- - load into the Stylish extension where you can preview and save it.
- - this style has been updated since you installed it in Stylish.
Feedback
Reviews
tbone said on Jun 05 2008
For people (like me), who had trouble finding Active Tab for Firefox 3: check out Colorize Firefox 3 Active Tab.
rude-dude said on May 16 2008
please update for firefox 3?
Corey said on Mar 06 2008
I'm using FF 2.0.0.12 on a mac os 10.5.2 and it doesn't work. It only has small blue colors on the top corners of the tab. Does anyone experience the same thing?
Kyo said on Feb 26 2008
Works great thanks!
lootpacker said on Jan 18 2008
love it, default settings work just fine.
Aliji said on Dec 04 2007
Lain_13 said on Nov 28 2007
Doesn't work in Fx 3 b2pre, in this Fx versions tabs code and styles completely rewritten.
cornbob24 said on Jul 30 2007
to erdam:
your code would be:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabbrowser-tab[selected="true"] > hbox,
.tabbrowser-tab[selected="true"] > .tab-close-button {
background-color: #000 !important;
color: #0f0 !important;
}.tabbrowser-tab[selected="true"]:hover > hbox,
.tabbrowser-tab[selected="true"]:hover > .tab-close-button {
background-color: #f00 !important;
color: #0f0 !important;
}
rlaksana said on Jul 26 2007
wow ... amazing tweaks.
Keep up the goo work ... :)
NeonBlue said on Jun 17 2007
Awesome! My favourite colour is neon blue...of course not that I ever found a FF neon blue style, but now I have a lovely neon blue active fab, and am thusly very happy indeed!
.tabbrowser-tab[selected="true"] > hbox,
.tabbrowser-tab[selected="true"] > .tab-close-button {
background-color: #7CE3FF !important;
color: #666 !important;
}.tabbrowser-tab[selected="true"]:hover > hbox,
.tabbrowser-tab[selected="true"]:hover > .tab-close-button {
background-color: #7CE3FF !important;
color: #666 !important;
}/* the rules below are optional, you can remove them */
.tabs-bottom {
background-color: #7CE3FF !important;
height: 6px !important;
}
Nalco said on Jan 29 2007
Thanks!! Works perfect.
BELGIAMIR said on Dec 24 2006
.tabbrowser-tab[selected="true"] > hbox {
background-color: #335ea8 !important;
color: #fff !important;
}
.tabbrowser-tab[selected="true"]:hover > hbox {
background-color: #5876a8 !important;
color: #fff !important;
}
.tabs-bottom {
background-color: #335ea8 !important;
}
Erdam said on Dec 19 2006
**********I love the idea! I was wondering if you could create another style of it with Black background and Lime green Text and have the background change red when hovered over it. I'm a noob to stylish so i'm not all to sure how or which colors to change in order to achieve this affect. Thanks in advance for any help anyone could provide! **********
arteekay (rtk) said on Dec 06 2006
JuanBR said on Dec 05 2006
VT said on Nov 26 2006
Cool one ! Thanks.
t_burnout said on Nov 23 2006
Looks nice, thanks :D
Felix said on Nov 14 2006
There you go.Thanks for the fast update :-)
jw25 said on Nov 12 2006
Adds a nice look to the tabbar.
UKs2GB9BPFwL said on Oct 29 2006
Thank you for comment. I revised my tab style.