Active Tab Color (FireFox 2)

Topic

New Reply

In FF 1 there used to be UserChrome.css coding to change the color of the active tab. In FF 2, this coding only changes the color of the background on which the tab sits. Is there any way to get the FF1 effect under FF2?

Cheers,

Reply | Quote

Replies

With Firefox 2 the colour of the tab can not be changed as starting with Firefox 2 they are created by combining a series of images (png files) and not generated by just specifying a colour for the tab. If you want to change the appearance of a tab you have to install a theme.

Reply | Quote

Or you can try the ColorfulTabsextension which randomly changes the colour of all open tabs. I like the effect.

Reply | Quote

Bummer. Seems like a step backwards when “progress” results in the loss of a useful feature. Thanks for pointing out “ColorfulTabs”. It is nice, as far as it goes, but compounds the problem I want to resolve. I liked having all the tabs the same color except for the active tab. Makes it easy to identify. Having all the tabs different colors just makes matters worse.

Cheers,

Reply | Quote

How about changing the colour of the text on the selected tab, you could also make it bold.

/* change font colour to red and bold for selected tab*/
.tabbrowser-tabs > tab[selected="true"] .tab-text {
color: red !important;
font-weight: bold !important;
}

Reply | Quote

Thanks much, Tony! Don’t know about Paul, but I just tried it and I LIKE the look…

Reply | Quote

Yes, thanks, this works for me too, especially when I also set the BG color.

/* Change color of active tab */

tab[selected=”true”]
{
background-color: blue !important;
color: blue !important;
}

Cheers,

Reply | Quote

Ya see what Tony and you started… I’ll have to add your tweak too. I just now added a line to increase the font size from what I think the default was (8 point?) and that ALSO makes the tab stand out more for my weak eyes. I tried 10 point first but that was too big.

font-size: 9pt !important

Reply | Quote

Does anyone have a sample file they can provide for me?

The example provided in my profile directory doesn’t seem to be functional (once renamed). I’ve never experimented with this file, and would like to see what is doable!

Thanks

Reply | Quote

Sample file attached, renamed to userChrome.txt so I could attach it here.

Reply | Quote

For a site that shows what can be done see userChrome examples

Reply | Quote

Tony, thanks for that great link. Other useful tips can be found here.

Reply | Quote

And just to add to Tony’s “donation” I’ll attach a text version of mine also. The only thing I’ve done with mine is to customize the little icons graphics on the personal toolbar – you can search out the thread here in The Lounge where we discussed it.

And for Tony AGAIN: Thanks for the examples link. I was almost too embarrassed to ask you where’s a good place to go to try to learn more about this “chrome” stuff. I’m only familiar with about:config and the chrome commands/tags don’t seem to show up there. Thanks again…

Reply | Quote

Big Al, I tried varying the font size as per your example. At 9pt I couldn’t see any difference, so I settled on 10pt. (Perhaps our respective default font sizes are different?) I didn’t use the font weight parameter as it looks as if my default font weight is already bold for the active tab.

Cheers,

Reply | Quote

Thanks to both BigAl and Tony for the example files. I’ll give them a go on a break at work.

Reply | Quote

Thanks, Tony, and all, for this good info. I like this tweak:

tab[selected=”false”]
.tab-text
{
color: gray !important;
}

Reply | Quote

Thought I’d share what I use… I don’t change the color of the active tab, but use the options in TabMix Plus as shown below. It’s a great extension even if you don’t use this feature.

Reply | Quote