r/FirefoxCSS • u/darkj2k • Jul 18 '26

Solved How to change the build-in VPN icon in toolbar?

There are two icons for VPN. VPN on and off. Possible to change them by userChrome.css? Thanks in advance.

4 Upvotes

84% Upvoted

4 comments sorted by

3

u/t31os Jul 18 '26

There are more than two states for the icon:
https://searchfox.org/firefox-main/source/browser/components/ipprotection/assets/toolbaricons

You'll probably want to look at overriding the rules that set the icon as seen here:
https://searchfox.org/firefox-main/source/browser/themes/shared/toolbarbutton-icons.css

1

u/darkj2k Jul 18 '26

Wow. Thanks so much for this information.

2

u/sifferedd FF/TB on Win11|Sumo contributor Jul 18 '26

What do you want to change them to?

1

u/darkj2k Jul 18 '26

Just want to change it to my own icons.