black7375 / black7375/Firefox-UI-Fix
Proposal: Make several icons consistent with Lepton style
- Dominant language
- SCSS
- Stars
- 5.9k
- Forks
- 202
- PR merge metrics
- No merged PRs in 30d
Description
### 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_
Contributor guide
Research direction
Start with the Firefox help-panel submenu and Extensions gear-menu entries listed in the issue, comparing their current icons with the proposed replacements and screenshots. Review the existing icon styling and theme support before deciding how the replacements fit the Lepton style; done means all listed icons are consistent, appropriate to their menu items, and support dark theme styling.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- scss
- Domain
- design
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100