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
  • 1 nwere nsogbu anwere nsogbu a
  • 1 view
  • Nzaghachi ikpeazụ nke 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

Asịsa ahọpụtara

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!

Gụọ azịza a na nghọta 👍 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/

Edeziri site na 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

Asịsa Ahọpụtara

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!