Funkcionalnosć toś togo sedła se pśez wótwardowańske źěła wobgranicujo, kótarež maju wašo dožywjenje pólěpšyś. Jolic nastawk waš problem njerozwězujo a cośo pšašanje stajiś, wobrośćo se na našo zgromoźeństwo pomocy, kótarež na to caka, wam na @FirefoxSupport na Twitter a /r/firefox na Reddit pomagaś.

Avatar for Username

Pomoc pśepytaś

Glědajśo se wobšudy pomocy. Njenapominajomy was nigda, telefonowy numer zawołaś, SMS pósłaś abo wósobinske informacije pśeraźiś. Pšosym dajśo suspektnu aktiwitu z pomocu nastajenja „Znjewužywanje k wěsći daś“ k wěsći.

Dalšne informacije

Toś ta nitka jo se archiwěrowała. Pšosym stajśo nowe pšašanje, joli trjebaśo pomoc.

How to change the Tab color for inactive tabs?

  • 5 wótegrona
  • 1 ma toś ten problem
  • 708 naglědow
  • Slědne wótegrono wót mmanville16

davidhelp
davidhelp
more options

How to change the Tab color for inactive tabs?

I have a userChrome file and have been able to change the color of the active tab but cannot do so for the inactive tab. The inactive tab color blends into the toolbar color. If I move my mouse cursor over it changes to a slight darker gray color.

Active tab color. I made mine a off white color:

.tab-background[selected="true"] { 

   background-color: #f9f7f1 !important;

}

How to change the Tab color for inactive tabs? I have a userChrome file and have been able to change the color of the active tab but cannot do so for the inactive tab. The inactive tab color blends into the toolbar color. If I move my mouse cursor over it changes to a slight darker gray color. Active tab color. I made mine a off white color: .tab-background[selected="true"] { background-color: #f9f7f1 !important; }
Pśipowjesone fota wobrazowki

Wubrane rozwězanje

Thanks terry21 That was the answer. I have changed the colors around to what I like.

Toś to wótegrono w konteksće cytaś 👍 0

Wšykne wótegrona (5)

Terry
Terry
more options

I set tab colours differently. Since your code is working, I suggest that you repeat it but change [selected="true"] to not([selected="true"]):not(:hover) { ....

EDIT: Change the background-color value as well, presumably.

Wót Terry změnjony

davidhelp
davidhelp Pšašaŕ
more options

Hello I have tried this but not working. As long as the active tab can change color then that is good enough.

Thanks

Terry
Terry
more options

I must admit I haven't seen that format. The following is more conventional and works. 

.tabbrowser-tab[selected] .tab-content {
  background-color: #CCFFCC !important; }
.tabbrowser-tab:hover:not([selected]) .tab-content {
  background-color: #9CC6FC !important; }
.tabbrowser-tab:not([selected="true"]):not(:hover) .tab-content {
  background-color: #D0E4FE !important; }

You can add other attributes such as color and font-weight.

davidhelp
davidhelp Pšašaŕ
more options

Wubrane rozwězanje

Thanks terry21 That was the answer. I have changed the colors around to what I like.

mmanville16
mmanville16
more options

I do not have userChrome.