I saw another thread about changing the background color of an active tab. The .css code posted by RobertJ that works is:
/* ACTIVE TAB BACKGROUND COLOR */
.tab-content[selected="true"] {
background: rgba(65, 85, 145, 0.4) !important;
}
However, I would like to also change the font color of the active tab. What would be the code to change that? The code only addresses the background color.
BTW, don't know if it matters, but I'm using the Stylus theme 'phpBB - dark blue, simple' for this forum and a few other Stylus themes for other pages.
How Do I Change the Text Color in an Active Tab?
-
- Posts: 451
- Joined: July 30th, 2013, 9:05 am
-
- Posts: 4480
- Joined: March 19th, 2005, 10:51 am
-
- Posts: 451
- Joined: July 30th, 2013, 9:05 am
Re: How Do I Change the Text Color in an Active Tab?
It doesn't work. I used color #0000FF. Did I put the code in the wrong place? I first hit the Enter button twice to start it double space from the last entry/code as is customary. When that didn't work, I started it on the same line as the last entry/code but that didn't work either.
-
- Posts: 6438
- Joined: February 3rd, 2009, 6:29 pm
Re: How Do I Change the Text Color in an Active Tab?
It works here.
http://kb.mozillazine.org/UserChrome.css
Code: Select all
/* Firefox userChrome.css */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.tab-content[selected="true"] {
color: red !important;
background-color: pink !important;
}
-
- Posts: 451
- Joined: July 30th, 2013, 9:05 am
Re: How Do I Change the Text Color in an Active Tab?
Awesome Morat! Thanks! It works!morat wrote:It works here.
http://kb.mozillazine.org/UserChrome.cssCode: Select all
/* Firefox userChrome.css */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); .tab-content[selected="true"] { color: red !important; background-color: pink !important; }
My assumption was correct that I entered it in the wrong place. I also tested it by first switching from Red to Blue. I then switched to the code #0000FF. After that, I clicked on #0000FF in the .css color code link and ended up using Aqua. Aqua looks good with my setup. I might change it after trying other colors, but for now, that's what I'l use.
EDIT: I now switched to #7FFF00. It shows up a little better/less glare than Aqua. I'll reflect it in the code below. https://www.w3schools.com/cssref/css_colors.asp
Here's mine.
/* ACTIVE TAB BACKGROUND COLOR */
.tab-content[selected="true"] {
color: #7FFF00 !important;
background: rgba(65, 85, 145, 0.4) !important;
}
-
- Posts: 451
- Joined: July 30th, 2013, 9:05 am
Re: How Do I Change the Text Color in an Active Tab?
After several weeks of trying different combinations, here's my latest code for the active tab. At least for now, this appears it will be my permanent code.
/* ACTIVE TAB BACKGROUND COLOR */
.tab-content[selected="true"] {
color: #7FFF00 !important;
background: rgb(0, 0, 0) !important;
}
/* ACTIVE TAB BACKGROUND COLOR */
.tab-content[selected="true"] {
color: #7FFF00 !important;
background: rgb(0, 0, 0) !important;
}