Make active tab stand out

User Help for Mozilla Firefox
Post Reply
User avatar
Barkley Hound
Posts: 358
Joined: June 1st, 2006, 8:53 am

Make active tab stand out

Post by Barkley Hound »

I use Firefox B for my pages. It has blue tabs and the active tab is just a shade lighter. Is there a way to make the active tab another color so it stands out?
User avatar
DanRaisch
Moderator
Posts: 127186
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Re: Make active tab stand out

Post by DanRaisch »

Moving to Firefox Support.

You might try an extension like Colorful tabs
User avatar
Barkley Hound
Posts: 358
Joined: June 1st, 2006, 8:53 am

Re: Make active tab stand out

Post by Barkley Hound »

I saw that one but I think it is overkill. I just want a single tab changed. Maybe someone knows of a config change.
User avatar
LIMPET235
Moderator
Posts: 39933
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Re: Make active tab stand out

Post by LIMPET235 »

Hi,
A "config" change?

Dunno, but maybe a "User Style" may suit?
> https://userstyles.org/styles/browse?se ... active+tab
This may work for you...
> https://userstyles.org/styles/2019/tab- ... provements
[Ancient Amateur Astronomer.]
Win-10-H/64 bit/500G SSD/16 Gig Ram/450Watt PSU/350WattUPS/Firefox-115.0.2/T-bird-115.3.2./SnagIt-v10.0.1/MWP-7.12.125.

(Always choose the "Custom" Install.)
User avatar
madmudmob
Posts: 810
Joined: August 30th, 2006, 7:34 am
Location: Somerset, UK

Re: Make active tab stand out

Post by madmudmob »

I use this UserStyle (Stylish) one which gives a dark shadow either side of the active tab ... perfect for the monochrome look I prefer (can't remember where I found it sorry) ...

Code: Select all

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#tabbrowser-tabs .tabbrowser-tab[selected] {
box-shadow: 10px 8px 10px rgba(0, 0, 0, .5), -10px 8px 10px rgba(0, 0, 0, .35);
}

#tabbrowser-tabs .tabbrowser-tab {
color: black !important; 
text-shadow: white 0 0 9px, white 0 0 9px, rgba(255, 255, 255, .4) 0 1px 0 !important;
}

#main-window[tabsontop="false"]:not([disablechrome="true"]) .tabbrowser-tab[selected="true"] {
background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 1px, transparent 1px), -moz-linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .5)), -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}

#tabbrowser-tabs .tabbrowser-tab:not([selected="true"]):hover, .tabs-newtab-button:hover {
background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px), -moz-linear-gradient(rgba(245, 245, 245, .6), rgba(140, 140, 140, .6)), -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}

#tabbrowser-tabs .tabbrowser-tab[pinned][titlechanged] {
background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px), -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%), -moz-linear-gradient(rgba(190, 190, 190, .5), rgba(110, 110, 110, .5) 50%), -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}

#tabbrowser-tabs .tabbrowser-tab[pinned][titlechanged]:hover {
background-image: -moz-linear-gradient(bottom, rgba(26, 26, 26, .4), rgba(26, 26, 26, .4) 0PX, transparent 1px), -moz-radial-gradient(50% 3px, circle cover, white 2%, rgba(255, 255, 255, 0) 50%), -moz-linear-gradient(rgba(240, 240, 240, .6), rgba(160, 160, 160, .6) 50%), -moz-linear-gradient(RGBA(0, 0, 0, 0), RGBA(0, 0, 0, 0)) !important;
}
Mud is good!
Post Reply