Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

ఇంకా తెలుసుకోండి

Any way to change the color of the active tab in FF57 (CSS?)

  • 4 ప్రత్యుత్తరాలు
  • 13 ఈ సమస్యలు కలిగి ఉన్నాయి
  • 1 వీక్షణ
  • చివరి సమాధానమిచ్చినది no.name

more options

Hello,

Love Firefox 57, but would like to change the ACTIVE tab color (currently using the stock "Dark" theme). I know there is a blue bar above the active tab, but I really, REALLY, liked the way the active tab looked in Firefox 56 (solid blue). Any way to change this using CSS or a better way if you have one? I want to keep the "Dark" theme, just change the color of the active tab. It should be able to be done using CSS, but I don't know how.

Any help would be greatly appreciated!

BTW: I need detailed instructions, as I have never done any mods using CSS before. Thanks!

P.S. Right now, I am on the ESR awaiting an extension to be finished porting to a WebEx, but would love to get this info as I have been testing out Firefox 57.

Thanks for your time!

Hello, Love Firefox 57, but would like to change the ACTIVE tab color (currently using the stock "Dark" theme). I know there is a blue bar above the active tab, but I really, REALLY, liked the way the active tab looked in Firefox 56 (solid blue). Any way to change this using CSS or a better way if you have one? I want to keep the "Dark" theme, just change the color of the active tab. It should be able to be done using CSS, but I don't know how. Any help would be greatly appreciated! BTW: I need detailed instructions, as I have never done any mods using CSS before. Thanks! P.S. Right now, I am on the ESR awaiting an extension to be finished porting to a WebEx, but would love to get this info as I have been testing out Firefox 57. Thanks for your time!

ఎంపిక చేసిన పరిష్కారం

Create a userChrome.css file using these instructions: https://www.userchrome.org/how-create-userchrome-css.html

When you get to the "adding style recipes to userChrome.css" step, use this CSS:

.tab-background[selected="true"] {
background-color: red; /* this sets the color of the tab background */
}
.tab-line[selected="true"] {
background-color : red; /* this sets the color of the line above the tab */
}

You can change the colors listed above to any valid CSS color (you can use this tool: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool , copy the "hexa" value, and replace the "red" above with that value).

ఈ సందర్భంలో ఈ సమాధానం చదవండి 👍 2

ప్రత్యుత్తరాలన్నీ (4)

more options

ఎంపిక చేసిన పరిష్కారం

Create a userChrome.css file using these instructions: https://www.userchrome.org/how-create-userchrome-css.html

When you get to the "adding style recipes to userChrome.css" step, use this CSS:

.tab-background[selected="true"] {
background-color: red; /* this sets the color of the tab background */
}
.tab-line[selected="true"] {
background-color : red; /* this sets the color of the line above the tab */
}

You can change the colors listed above to any valid CSS color (you can use this tool: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool , copy the "hexa" value, and replace the "red" above with that value).

more options

Hi no.name, when you find something attractive, please share your CSS back.

(For best results pasting CSS here, put <pre> and </pre> after.)

more options

Thank You user1929! - Perfect. I really appreciate your time. Oh, and thanks for the link to the color generator - excellent!

న no.name చే మార్చబడినది

more options

jscher2000 said

Hi no.name, when you find something attractive, please share your CSS back. (For best results pasting CSS here, put <pre> and </pre> after.)

Ok, but everyone has there own taste :) - I'm still trying different combos. I am using the link user1929 gave me in his post to "mix" colors.

న no.name చే మార్చబడినది