On Aug 14th 11 PM ET/Aug 15th 03:00 UTC, due to scheduled Firefox Account server maintenance, users may not be able to sign in or create a new subscription. This is expected to last approximately 30 minutes. Status updates can be found at https://status.vpn.mozilla.org or https://status.relay.firefox.com.

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.

Learn More

How to change the Tab color for inactive tabs?

  • 5 replies
  • 1 has this problem
  • 603 views
  • Paskiausią atsakymą parašė mmanville16

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; }
Pridėtos ekrano nuotraukos

Chosen solution

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

Skaityti atsakymą kartu su kontekstu 👍 0

All Replies (5)

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.

Modified by Terry

Helpful?

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

Helpful?

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.

Helpful?

more options

Chosen Solution

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

Helpful?

more options

I do not have userChrome.

Helpful?

Užduoti klausimą

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.