Change the toolbar buttons appearance in Firefox using css [closed]

2 days ago 3
ARTICLE AD BOX

I have found this website: https://dev.to/jakariyaaa/how-to-create-and-use-userchromecss-in-firefox-26g7 which maybe is the one you used for your example. There they explain how to set up the userChrome.css file.

Also, I hace found this website https://www.userchrome.org/ which is basically the documentation of userChrome.css.

Then, I found this rule: toolbar[mode="icons"] #back-button .toolbarbutton-icon which is for modifying the back button, so toolbar[mode="icons"] #forward-button .toolbarbutton-icon will be for the forward button.

On this github: https://github.com/MrOtherGuy/firefox-csshacks/tree/master there are a lot of configurations for userChrome.css file.

Hope that helps!

blasf's user avatar

1 Comment

Tanks. It is a bit useful. I assume those rules are changing the whole image of the button and not the color when there are available pages. Do you have any idea what is the rule that define the path to new images? I don't know why some people are so fast down-voting the question and the answer. I'll just upvote answer.

2026-05-10T15:44:24.573Z+00:00

Read Entire Article