Make active tab stand out
- Barkley Hound
- Posts: 358
- Joined: June 1st, 2006, 8:53 am
Make active tab stand out
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
- Posts: 127234
- Joined: September 23rd, 2004, 8:57 pm
- Location: Somewhere on the right coast
- Barkley Hound
- Posts: 358
- Joined: June 1st, 2006, 8:53 am
Re: Make active tab stand out
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
- Posts: 39956
- Joined: October 19th, 2007, 1:53 am
- Location: The South Coast of N.S.W. Oz.
Re: Make active tab stand out
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
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.)
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.)
- madmudmob
- Posts: 810
- Joined: August 30th, 2006, 7:34 am
- Location: Somerset, UK
Re: Make active tab stand out
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!