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.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

Is it possible to change the color of the glow of an App Tab? If so, how and what colors can I change it to? (I use Aero colored Purple, so the blue glow is not that noticable)

  • 1 reply
  • 4 have this problem
  • 1 view
  • Last reply by cor-el

DragonWrath
DragonWrath
more options

I use Aero Peak on Windows 7, and the shade is a Darkish clear Purple and I would like to change the glow of the App Tab Change notification (especially for gmail) into say, green, red, or something else so that it is far more noticable. The shade of blue that glows is quite similar to the purple and since all aero is purple, it's rather easy for it to go unnoticed. If changing the color is not possible, will you please make it possible so that I can use the App Tab feature to it's full potential?

I use Aero Peak on Windows 7, and the shade is a Darkish clear Purple and I would like to change the glow of the App Tab Change notification (especially for gmail) into say, green, red, or something else so that it is far more noticable. The shade of blue that glows is quite similar to the purple and since all aero is purple, it's rather easy for it to go unnoticed. If changing the color is not possible, will you please make it possible so that I can use the App Tab feature to it's full potential?

All Replies (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

See line 1415:

  • chrome://browser/skin/browser.css 
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
  background-image: -moz-radial-gradient(center 3px, circle cover, rgba(233,242,252,1) 3%, rgba(172,206,255,.75) 40%, rgba(87,151,201,.5) 80%, rgba(87,151,201,0));
}
.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
  background-image: -moz-linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,100%,.6) 2px, hsla(0,0%,75%,.2) 80%),
                    -moz-radial-gradient(center 3px, circle cover, rgba(233,242,252,1) 3%, rgba(172,206,255,.75) 40%, rgba(87,151,201,.5) 80%, rgba(87,151,201,0));
}

See also: