Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

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.

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

Change the color of the Downloads arrow

  • 3 svar
  • 2 har dette problemet
  • 8 views
  • Siste svar av Vardark

more options

When I download something, the arrow pointing to the downloads overview turns blue. The color distracts me, I want it to always stay gray. Is it possible to somehow access the file containing the blue arrow and replace it woth the gray one?

When I download something, the arrow pointing to the downloads overview turns blue. The color distracts me, I want it to always stay gray. Is it possible to somehow access the file containing the blue arrow and replace it woth the gray one?

All Replies (3)

more options

This is how is was changed before Australis: https://support.mozilla.org/en-US/que.../971586

However I will wait for one of our experts to check out if they know if this is still valid.

more options

You can find the current CSS code for the download indicator in this file:

  • chrome://browser/skin/browser.css

Add code to the userChrome.css file below the default @namespace line.


@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
  background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"),0,198,18,180) !important;
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.


Note that you can disable the animation by toggling this pref to false on the about:config page:

  • browser.download.animateNotifications = false
more options

I have created the userChrome file as descibed by MozillaZine (neither it nor the Chrome folder existed). I added the code provided by you. I have restarted the browser. Still the arrow turns blue when I download something. Have I misunderstood something?