Proposal: Make several icons consistent with Lepton style

[Aleksandra0056]

Is your feature request related to a problem?

I found many icons which are thick (thicker than usual), older (Photon-like) or icons that don't fit into other menu icons.

For the Firefox help panel sub-menu:

• Share ideas and feedback... | Note: The paper plane icon simply doesn't fit with other icons because it's thick and filled.
• Troubleshoot Mode... | Note: The two hammers icon is used for service workers and it's also Photon.
• More troubleshooting information | Note: The icon is indeed Proton, but it doesn't fit into this menu since it is a 3-dots icon with a completely different height and style than other icons.
• Report deceptive site | Note: The filled warning icon should be replaced with a non-filled variant.

For the Extensions page gear menu:

• Check for updates | Note: The two arrows icon itself is good, but it is an older and thick Photon icon, so it should be re-drawn.
• Install Add-on from File... | Note: The rectangle icon with arrow itself is good, but it's an older and thick Photon icon, so it should be re-drawn.
• Update Add-ons Automatically... | Note: The timer icon itself is good, but it's an older and thick Photon icon, so it should be re-drawn.
• Reset All Add-ons to Update Manually | Note: The two hammers icon is used for service workers, is Photon and doesn't fit into this item.

The solution I'd like

My proposed replacements for icons are:

Share ideas and feedback...

Why? This icon is indeed used for closed captions, but it fits better with other menu icons than the paper plane icon.

---

Troubleshoot Mode...

Why? Because the wrench icon better fits with the "Troubleshoot mode..." item than the two hammers icon.

I made this wrench icon myself 1.5 months ago, but you should re-create it or create similar since this icon file itself doesn't support a dark theme, because I'm not good with Inkscape.

---

More troubleshooting information

Why? This icon is indeed used for the reader, but it better fits to "More troubleshooting information" item and other menu icons than the 3-dots icon.

---

Report deceptive site

Why? This icon is basically the same as the actual, but it's non-filled and it better fits into the "Report deceptive site" item

Screenshots or video

Actual icons in the Firefox help panel sub-menu:

Actual icons in the Extensions page gear menu:

Alternatives I've considered

No response

Additional context

No response

[Aleksandra0056]

I also forgot to note, that this icon is better for the "Reset All Add-ons to Update Manually" item in the Extensions page gear menu:

It is a reload icon but it is a Proton icon, unlike two hammers which is a Photon icon.

[Aleksandra0056]

By the way, this is where I found inspiration for a new icon for "Share ideas and feedback...". It was in Windows 7 Builds 6801 and 7000 as a feedback icon.

I know these two designs are completely different but I want to prove that the closed captions icon is suitable for the "Share ideas and feedback..." item in Firefox help menu.

[Aleksandra0056]

Here are another icons inconsistent with Lepton style they are "Dictionaries" and "Languages" which use Photon icons.

Except for inconsistency, these icons are also exactly the same, but I think, that icons for "Dictionaries" and "Languages" should be unique.

Screenshot:

[zapSNH]

I also forgot to note, that this icon is better for the "Reset All Add-ons to Update Manually" item in the Extensions page gear menu:

It is a reload icon but it is a Proton icon, unlike two hammers which is a Photon icon.

This icon seems to similar to the Check for Updates icon imo. I think the current icon for the check for updates menu item should be used for the reset all addons to update automatically (since the refresh icon sorta indicates a 'reset') menu item and a new icon should be used for the check for updates menu item (like this one).

[Aleksandra0056]

This is my proposal for the "Dictionaries" (i.e. book.svg) and "Languages" (i.e. translations.svg) icons within the about:addons sidebar which I mentioned in my previous comment. No additional icons are needed since book.svg and translations.svg are from the Firefox UI Fix icons folder.

I implemented the icons in this screenshot using userContent.css as I finally learned some very basic CSS codes.

[Aleksandra0056]

In commit 4c78d5cd9d38dba951756fff7939f75184f921ba were the icons implemented, however, the about:addons gear button menu is still using the old icons for items "Install Add-on From File...", "Update Add-ons Automatically" and "Reset All Add-ons to Update Manually":

I investigated and I found, that paths weren't updated in the chrome\src\icons\_addon_page.scss file to the corresponding icons.

The "Check for Updates" icon was updated correctly.

[Aleksandra0056]

I found another inconsistent icon. It's the "pin-tab.svg" which is thick when compared to its unpin variant. The "pin-tab.svg" should use the same thickness as "unpin-tab.svg".

The "pin-tab.svg" icon (incorrect thickness):

The "unpin-tab.svg" icon (correct thickness):

[Aleksandra0056]

The "mute tab" and "unmute tab" icons are very small when compared to other tab context menu icons.

I disabled Tab Mix Plus in my Firefox for better illustration:

Mute tab:

Unmute tab: