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!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

ابحث في الدعم

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 can I make the unloaded tabs look different from the loaded ones?

  • 2 (ردّان اثنان)
  • 1 has this problem
  • 1 view
  • آخر ردّ كتبه TheCannibalPony

more options

I used Tab Mix Plus in the pre-57 days so that the unloaded tabs were in italic with a different color, but Tab Mix Plus doesn't work with Quantum.

How can I get this function back? I looked, but I haven't found an add-on that did what I wanted.

Have a nice day!

I used Tab Mix Plus in the pre-57 days so that the unloaded tabs were in italic with a different color, but Tab Mix Plus doesn't work with Quantum. How can I get this function back? I looked, but I haven't found an add-on that did what I wanted. Have a nice day!

All Replies (2)

more options

I don't think an add-on can access all of the properties of the tabs. Otherwise, it could be added as a feature of the ColorfulTabs extension or similar add-ons.

However, I do think a custom style rule could do it. Many aspects of Firefox's interface can be modified by creating a userChrome.css file with custom style rules.

I have a website about userChrome.css here: https://www.userchrome.org/ -- take your time if you're new to this so you do it right the first time

The unloaded tabs -- tabs restored from a previous session that have not yet been activated in the current session -- have a special attribute set:

pending="true"

You can attach a style rule to a tab with that attribute using this selector:

.tabbrowser-tab[pending="true"]

But what should the rule be -- what appearance are you looking for?

A great forum to getting detailed assistance with custom style rules is: https://www.reddit.com/r/FirefoxCSS/. Over there, someone posted a rule for "dimming" the unloaded tabs by making them 50% transparent:

https://www.reddit.com/r/FirefoxCSS/comments/6yvxh2/request_for_tab_manipulation_multirow_tab_bar_tab/dmqqayb/

Not sure if that's what you want or something else.

more options

It worked! thanks!