Icons

[zaeemali272]

Could you add icons for:
Midnight Lizard - https://addons.mozilla.org/en-US/firefox/addon/midnight-lizard-quantum
Auto Tab Discard - https://addons.mozilla.org/en-US/firefox/addon/auto-tab-discard
Video DownloadHelper - https://addons.mozilla.org/en-US/firefox/addon/video-downloadhelper

and can you tell me how you make them so i could make them myself.
: )

[Naezr]

I'll give it a try. The first two should be easy. I'm not sure about Video Download Helper, though. I don't think I can find a similar icon

and can you tell me how you make them so i could make them myself.

I found all the icons online. Just looking for something like "bitwarden svg icon". If I can't find one, I look for a replacement. For example moon icon for Dark Reader. The Privacy Badger icon was colored and had a bunch of layers, so I removed all but one layer using Inkscape. And most importantly: how to make the icon adaptive so that it adjusts to the theme colors. You have to open the icon as a text file and replace the value of the fill parameter with context-fill. But this doesn't always work. Some icons are arranged differently, but in any case there will be a parameter responsible for the color. It should be replaced by context-fill.

[zaeemali272]

do i have to make it white?
and how do i open the icon as a text file?

[Naezr]

do i have to make it white?

Doesn't matter

and how do i open the icon as a text file?

Right click -> open with

[Naezr]

We already have a power icon. I made a Midnight Lizard icon out of a lizard icon and braces. And the Video download helper is really weird. Its icon simply cannot be monochrome. Any ideas what to replace it with? I don't have any ideas

[zaeemali272]

you can just add three circles

[zaeemali272]

bro i just freestyled one in inkscape.

now how do i replace the value of the fill parameter with context-fill
here:


<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="4.9917265"
inkscape:cx="52.687181"
inkscape:cy="56.092817"
inkscape:window-width="1366"
inkscape:window-height="768"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g1" />

[Naezr]

First of all, it's better to save as a regular svg rather than Inkscape svg. And secondly, I'm not exactly sure, but it's either pagecolor or border-color.

[Naezr]

[zaeemali272]

i think i did it now where do i put the png

[Naezr]

Not png, but svg. Png is not suitable because it cannot change the fill color. Check out this commit: b9bfb39 You need to put the svg icon in the icons folder. And add a css style similar to the others, replacing the id of the extension and the path to the icon