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.

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

Any Way to Add Colors to Toolbar Buttons

  • 4 replies
  • 1 has this problem
  • 1 view
  • Last reply by pcbjr

more options

Any way to give different colors to the buttons (home, bookmarks, history etc.)? i.e., these: https://prod-cdn.sumo.mozilla.net/uploads/images/2018-03-03-06-15-24-190ad7.png

Any way to give different colors to the buttons (home, bookmarks, history etc.)? i.e., these: https://prod-cdn.sumo.mozilla.net/uploads/images/2018-03-03-06-15-24-190ad7.png

Chosen solution

It worked - Had to find another color source but located one by searching "Firefox color palette", and got the ideal color! Thanks for all the help. Until next time, Best!

Read this answer in context 👍 0

All Replies (4)

more options

Screenshot of what I'm referring to:

https://prod-cdn.sumo.mozilla.net/uploads/images/2018-03-03-06-21-34-190ad7.png


I did find this but it is only one color; I'd like differing colors if possible (and bold if also possible): https://www.reddit.com/r/firefox/comments/6qqs1e/change_reload_button_color/

Modified by pcbjr

more options

Related question - I would like to add color to my bookmark folders. This works: https://www.userchrome.org/what-is-userchrome-css.html#colorbookmarkfolder but it is an ugly muted gold. Does anyone know the "color code" for a deep blue to replace this fill: .menu-iconic-icon {

 fill: #e8bb00 !important; /* slightly muted gold */
more options

The bookmark folder icon is like a mesh, so whatever color you choose, you'll be blending it with the background color to some extent.

You can use this page as a general reference to color codes, but it's from a time when web designers used a limited palette due to less capable monitors, so you may find another site that gives you the precise shade you're looking for:

http://www.visibone.com/colorlab/ (click the chart)

That "fill color" technique should work for other buttons as well.

I don't know if there is a way to make them more "bold"; the thickness of the lines (stroke width) is coded into the SVG which generates the image.

more options

Chosen Solution

It worked - Had to find another color source but located one by searching "Firefox color palette", and got the ideal color! Thanks for all the help. Until next time, Best!