Add a colorable toolbar icon

[alnviana]

Description

Would be great if beside the icons that already exists, be possible to choose a colorable SVG icon, that changes it color as default browser toolbar icons. The point isn't use a SVG and choose the color by the Extension, but use a SVG that allow the browser theme to apply the color on it.

Idk if this works in Chromium, but I tested in Firefox and worked great. Below is the SVG that I created:

SVG

 ``` data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgIHdpZHRoPSI4MHB4IgogICAgaGVpZ2h0PSI4MHB4IgogICAgdmVyc2lvbj0iMS4xIgogICAgaWQ9InN2ZzEiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnCiAgICAgICAgZmlsbD0iY29udGV4dC1maWxsIgogICAgICAgIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiCiAgICAgICAgaWQ9ImcxIgogICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsMi40OTc2OTUpIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTSA3Ni4wOTAwNTEsNzAuMTc3MDQyIDU1Ljc3NjI3OCw0OS44NjMyNjkgYyAtMC4zNzI5NDEsLTAuMzcxNzM0IC0wLjQ2MTA0NywtMC45NDI2MTIgLTAuMjE4NDU0LC0xLjQwODQ4NiAyLjUwNzk5OCwtNC44MzEzMzYgMS41NDQ4NjgsLTEwLjkyMDI5IC0yLjM0MTQ0MiwtMTQuODA2NiAtMi43NzExMDcsLTIuNzcxMTA3IC02LjU5ODI3OCwtNC4wODc4NjcgLTEwLjQ4OTQxNiwtMy42MTk1NzkgLTMuODk4Mzc5LDAuNDcxOTA5IC03LjMzNTcxMiwyLjcyMTYyNCAtOS40Mjg1MjYsNi4xNzQ2NDcgLTIuNDU5NzIsNC4wNTQwNzMgLTIuMzQ5ODg5LDkuMjU0NzI4IDAuMjc3NTkzLDEzLjI1MDg2OSAzLjY0NjEzMiw1LjU0NTgzNyAxMC43NTM3MzQsNy40NjM2NDYgMTYuNTMyNTA5LDQuNDY2ODQzIDAuNDY3MDgxLC0wLjI0MTM4NyAxLjAzNTU0NCwtMC4xNTQ0ODcgMS40MDk2OTIsMC4yMTg0NTQgbCA0LjY2MjMzNSw0Ljc0NjUxNyBjIDAuMjIzNjY4LDAuMjI3NzA2IDAuMzUyNDIzLDAuNTMzNDYyIDAuMzUyNDIzLDAuODUzMjk4IHYgMy45MTQwNjkgaCAzLjkxNDA2OSBjIDAuMzE4NjMsMCAwLjYyNjM5NiwwLjEyNjczMiAwLjg1MzI5OSwwLjM1MjQyNCBsIDIuMzgxMjU4LDIuMjk1ODY5IGMgMC4yMjU2OTYsMC4yMjY5MDIgMC4zNTM2MywwLjUzMzQ2MiAwLjM1MzYzLDAuODU0NTA1IHYgMy45MTI4NjIgaCAzLjkxMjg2MiBjIDAuMzIxMDQzLDAgMC42MjYzOTYsMC4xMjc5MzcgMC44NTMyOTksMC4zNTM2MyBsIDIuMjM4ODUyLDIuMjQwMDYgNC43NTc3MTMsMC4zMTc0MjIgeiBtIDMuOTA1ODA2LC0wLjExMzM5NCAtMC40NzU3ODIsNi4xOTQ2MTMgYyAtMC4wNTM5MiwwLjcwNjI2MSAtMC42NDQyNjIsMS4yNDQwNDQgLTEuMzQyNDM3LDEuMjQ0MDQ0IC0wLjAzMDk5LDAgLTAuMDYwNjYsMCAtMC4wOTE2NSwtMC4wMDI3IGwgLTcuMTQ3NTI5LC0wLjQ3NzEzOCBjIC0wLjMyNzUyMiwtMC4wMjE1NiAtMC42MzM0NzcsLTAuMTYwMzkxIC0wLjg2Mzk1NiwtMC4zOTA4NyBsIC0yLjQ2MzgyOCwtMi40NjUxNzYgaCAtNS4xNTk0ODIgYyAtMC43NDUzNDgsMCAtMS4zNDc4MjcsLTAuNjAyNDc5IC0xLjM0NzgyNywtMS4zNDc4MjcgdiAtNS4xNTk0ODEgbCAtMS4xMTczNDksLTEuMTE2MDAyIGggLTUuMTYwODI5IGMgLTAuNzQ0MDAyLDAgLTEuMzQ3ODI4LC0wLjYwMzgyNiAtMS4zNDc4MjgsLTEuMzQ3ODI2IHYgLTUuMTYwODMgTCA1MS4yMjM3OTMsNTcuNzc5NTQgQyA0My43MTEwMDUsNjEuMTMwMjM4IDM0LjgwODYwNyw1OC41MTI3NTggMzAuMTYyNjQ4LDUxLjQ0NjEgMjYuNjYwOTkzLDQ2LjExOTQ4OCAyNi41MTk0NzEsMzkuMTgwODc1IDI5LjgwMDA4MywzMy43NjkzNDkgYyAyLjc3MTEzMSwtNC41NjkxMzQgNy4zMzIxNzgsLTcuNTQ3ODMyIDEyLjUxMDUzLC04LjE3MzIyMyA1LjE3ODM1MSwtMC42MjI2OTYgMTAuMjYxMDA3LDEuMTI4MTMxIDEzLjk0NDYxOSw0LjgxMTc0MyA0LjkyMzYxMiw0LjkyMzYxMiA2LjMxMTg3NCwxMi41MTU5MjEgMy41MzQwMDMsMTguNzgzMzE3IGwgMTkuODE1NzUzLDE5LjgxNTc1MyBjIDAuMjc3NjUyLDAuMjc5IDAuNDIxODcsMC42NjQ0NzkgMC4zOTA4NjksMS4wNTY2OTcgeiBtIC0zMi4wNDYzLC0yNy40MDMzNSBjIDAsLTAuODU1ODk4IC0wLjMzMzEzNCwtMS42NjA1NDYgLTAuOTM5MTgyLC0yLjI2NTMxMyAtMC42MDYwNDgsLTAuNjA2MDQ4IC0xLjQxMDY5NiwtMC45MzkxODIgLTIuMjY1MzE0LC0wLjkzOTE4MiAtMC44NTQ2MTcsMCAtMS42NTkyNjUsMC4zMzMxMzQgLTIuMjY0MDMxLDAuOTM3OTAxIC0xLjI0OTI1NCwxLjI0OTI1NCAtMS4yNDkyNTQsMy4yODEzNzMgMCw0LjUzMDYyNiAxLjI0Nzk3MiwxLjI0OTI1NCAzLjI4MDA5MSwxLjI0OTI1NCA0LjUyOTM0NSwwIHYgMCBjIDAuNjA2MDQ4LC0wLjYwNjA0OCAwLjkzOTE4MiwtMS40MDk0MTQgMC45MzkxODIsLTIuMjY0MDMyIHogbSAxLjU5MDgwNSwtNC45ODQyNiBjIDEuMzMyNzMzLDEuMzMxMTY3IDIuMDY1NjU4LDMuMTAwODM3IDIuMDY1NjU4LDQuOTg0ODMxIDAsMS44ODA4NiAtMC43MzI5MjUsMy42NTA1MyAtMi4wNjU2NTgsNC45ODE2OTggdiAwLjAwMTUgYyAtMS4zNzM0NTEsMS4zNzM0NTEgLTMuMTc3NTc1LDIuMDU5Mzk0IC00Ljk4MzI2NCwyLjA1OTM5NCAtMS44MDQxMjMsMCAtMy42MDgyNDcsLTAuNjg1OTQzIC00Ljk4MTY5OCwtMi4wNjA5NiAtMi43NDY5MDQsLTIuNzQ4NDY5IC0yLjc0NjkwNCwtNy4yMTk2MjYgMCwtOS45NjY1MjggMS4zMjk2MDEsLTEuMzMxMTY4IDMuMDk5MjcsLTIuMDY0MDkzIDQuOTgxNjk4LC0yLjA2NDA5MyAxLjg4Mzk5MiwwIDMuNjUyMDk2LDAuNzMyOTI1IDQuOTgzMjY0LDIuMDY0MDkzIHogbSAtMzEuNjAxMDgsOS41NjYxMzggaCA3LjY4NjQzMyB2IDUuODkxNDI4IEggMTQuNDcwOTkzIEMgNi4xNTAyNzMsNTMuMTE1MTI1IDAuNDY2ODQwMTYsNDQuNjA2NjQ3IDAuMDM0MzY4NTYsMzcuMDMyNjY2IDAuMDE1NzUyMjYsMzYuNjc0NjU5IC00LjIyMjk0OGUtOCwzNi4zNDM4NjEgLTQuMjIyOTQ4ZS04LDM2LjAxMTYzMSAtNC4yMjI5NDhlLTgsMjYuNjY5MDk5IDkuNzcyMzY3LDIyLjc0OTExOCAxMy4yNjI1ODksMjEuNjQ1OTMxIGMgLTAuMDIzMDYsLTAuMzY5MDExIC0wLjAzNDU5LC0wLjc0MTg2NSAtMC4wMzQ1OSwtMS4xMjExMjUgMCwtNi44NTQ4NzkgNC44MTM3OTEsLTEzLjk1MDYzOTcgMTEuMTk3MTU3LC0xNi41MDQyNDE3IDcuNDQwNDI2LC0zLjAwMzMzNDMgMTUuMzMwNTg0LC0xLjUwOTM1NSAyMS4wOTM4MDcsMy45OTUwNDkgMS41MjA4ODYsMS40MzUwNCAyLjI5MTE0LDIuNzk1NzI2NyAzLjgyOTE2Niw1Ljc0NjAxODcgMS42NDIxMDMsLTEuNDQyNjIyIDMuNDk2Njk2LC0yLjE0OTQ3OCA1LjYyMDE1NSwtMi4xNDk0NzggNC4xOTYzMjQsMCAxMS4wNDMxMjEsMi4wNzcxNDkgMTEuOTgzNjYsMTAuMjAzMDIxIDkuNTc4ODUzLDIuMTg4MjI1IDExLjc5MzAwNSw3LjkwNTcyNSAxMS43OTMwMDUsMTUuMTY2MjM4IDAsNy42NTU0OSAtNC41NDUwNTEsMTUuMzU0MTY2IC0xMi40Njg1NjEsMTYuNjUwNTM1IGwgMC4xNDI5MDksLTYuMzczMTE1IGMgNC4xODU5NiwtMC42ODQyMDcgNi42MTM5OTcsLTMuMDIyNTUzIDYuNjEzOTk3LC0xMC4yNjY5NDMgMCwtNS42MTMzMTMgLTMuMzM1MTg3LC04Ljg3ODAyOSAtMTAuNDk2MjkzLC0xMC4yNzMzNDkgQyA2MS45NjQyNjYsMjYuNjA1Nzg4IDYxLjUzODg3OSwyNi4xMjAxOCA2MS41MDMwMDMsMjUuNTM3MTk1IDYxLjIxNTk5NSwyMC43NjQ0MDYgNTguNjc2NDg3LDE3LjQzMDUgNTUuMzI5NzY4LDE3LjQzMDUgYyAtMy41Njg4MiwtMC4wOTI5MSAtNS42MTQ1OTQsMy4zMDU3MTggLTYuOTExMjU1LDQuOTcyNjcgLTAuMjg1NzI3LDAuMzY2NDQ4IC0wLjc0MzE0NiwwLjU0ODM5MSAtMS4yMDU2OSwwLjQ4MDQ4MyAtMC40NTc0MTksLTAuMDcwNDcgLTAuODQzMDg2LC0wLjM4MzEwNSAtMS4wMDU4MDksLTAuODE3NDYxIEMgNDUuMDg5NzMyLDE5LjA4MDc5NiA0My42MDc0NjEsMTQuOTQyNDYzIDQxLjE5MzM0MiwxMi40MzczMyAzNi4zNzU3MjEsNy40MzgwODA2IDMwLjc1MzE2Miw4LjIwNDQwMTYgMjYuNjgwNTI2LDkuNDI1Nzc3NCAyMS4zMDE2ODksMTEuNTc3MDU2IDE4LjM1MzE0MiwxNy4zMTc3NDcgMTguMzUzMTQyLDIzLjA4NzM3NyBjIDAsMC42NDcwNDkgMC4wMzg0NCwxLjI2OTc1NCAwLjExOTE2LDEuOTAyNzA5IDAuMDA1MSwwLjA0NzQxIDAuMDA3NywwLjA5NjEgMC4wMDksMC4xNDQ3ODYgdiAwLjAwMjYgMC4wMDI2IDAuMDAyNiAwLjAwMjYgMCAwLjAwMjYgMCAwLjAwMTMgMC4wMDEzIDAuMDAyNiBjIDAsMC42NDcwNDkgLTAuNDc5MjAxLDEuMTg3NzUyIC0xLjEwMTkwNiwxLjI3NjE2IC0zLjIwMTkzMywwLjgxMjMzNiAtMTAuOTcyOTMxLDMuMjI4ODQgLTEwLjk3MjkzMSwxMC4zNDg5NDUgMCwwLjI1MjQxNCAwLjAxMjgxLDAuNTA0ODI3IDAuMDI1NjMsMC43NDY5OSAwLjMxMDA3MSw1LjQ0NDE4MyA1LjM2NjAyNCw5LjcwNDQ1OCAxMS41MDcyMjcsOS43MTcyNzEgeiIKICAgICAgICBpZD0icGF0aDEiIC8+CiAgICA8L2c+Cjwvc3ZnPgo= ```

Example:

[WTFender]

Hmmm, let me think about this. If not an svg, it should be simple enough to just let users provide their own icon.

[alnviana]

If possible, would be great too. And maybe could be the best way to do that, because...

I sent the same idea to another repository, but I was told that for it to work the way I said, it is necessary to change a setting in Firefox: https://github.com/datguypiko/Firefox-Mod-Blur/issues/115

I use another extension that, for the dark theme to work, I need to activate this option. Because of this, my tests ran smoothly, so, sorry for taking up your time. 😅