MozillaZine

Make active tab stand out

User Help for Mozilla Firefox
Barkley Hound

User avatar
 
Posts: 330
Joined: June 1st, 2006, 8:53 am

Post Posted December 8th, 2016, 8:36 am

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?

DanRaisch
Moderator

User avatar
 
Posts: 116351
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Post Posted December 8th, 2016, 8:43 am

Moving to Firefox Support.

You might try an extension like Colorful tabs

Barkley Hound

User avatar
 
Posts: 330
Joined: June 1st, 2006, 8:53 am

Post Posted December 8th, 2016, 9:01 am

I saw that one but I think it is overkill. I just want a single tab changed. Maybe someone knows of a config change.

LIMPET235
Moderator

User avatar
 
Posts: 37290
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Post Posted December 8th, 2016, 9:12 am

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-7-HP/IntelĀ® DualCore-2.0GHz/500G HDD/4 Gig Ram/550Watt PSU/350WattUPS/Firefox-20.0-50.0/T-bird-2.0.0.24/SnagIt-v10.0.1/MWP-7.11.0.
RadioYachting. Conficker Test. (Always choose the "Custom" Install.)

madmudmob

User avatar
 
Posts: 655
Joined: August 30th, 2006, 7:34 am
Location: Somerset, UK

Post Posted February 18th, 2017, 5:23 am

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!

Return to Firefox Support


Who is online

Users browsing this forum: No registered users and 12 guests