black7375 / black7375/Firefox-UI-Fix

Update icons in about:debugging page

Open
#934 0 comments 0 reactions 0 assignees View on GitHub
Class::Icon Component::UserContents Issue::Enhancement
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?

Icons in `about:debugging` page weren't updated on the release of Proton re-design (Firefox v89.0.0), but I think, that they should be updated.

Setup panel item icon:
![Setup panel item](https://github.com/black7375/Firefox-UI-Fix/assets/69351811/0e2fbd78-e26b-4c7a-90e7-a5c78db9c96c)

Network location table icon:
![Network Location table](https://github.com/black7375/Firefox-UI-Fix/assets/69351811/39d10301-f376-4b96-8e7a-b68d672dc356)

Old extensions puzzle icons:
![Old extensions puzzle icons](https://github.com/black7375/Firefox-UI-Fix/assets/69351811/8d0acac1-5436-4823-9559-c05784462325)

----------

#### Ditto, but corresponding SVGs:

Setup panel item icon:
![settings_old](https://github.com/black7375/Firefox-UI-Fix/assets/69351811/b529a377-31d3-47a3-a646-f1029d8194a6)

Network location table icon:
![globe](https://github.com/black7375/Firefox-UI-Fix/assets/69351811/6462b0fd-f4f9-4a79-a080-d3626e34d68a)

Old extensions puzzle icon:
![extension_old](https://github.com/black7375/Firefox-UI-Fix/assets/69351811/6624b684-6fa0-4e82-8672-948c92a49582)

### The solution I'd like

#### Replace old icons with new icons:

For setup panel item:
![settings_new](https://github.com/black7375/Firefox-UI-Fix/assets/69351811/13f91e47-5162-494e-a4ea-c4a25f4827fc)

For network location table:
![defaultFavicon](https://github.com/black7375/Firefox-UI-Fix/assets/69351811/773cb40c-2efe-482b-8ece-dd195edd4556)

For old extension puzzle icons:
![extension_new](https://github.com/black7375/Firefox-UI-Fix/assets/69351811/8e24c297-d768-455c-a748-4ba8ba6c5ded)

### Screenshots or video

_No response_

### Alternatives I've considered

_No response_

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

Begin at the about:debugging page and identify where its setup-panel, network-location table, and old-extension icons are styled. Done means all three icon groups use the requested replacements and the page matches the supplied references.

Written by the indexing model from the issue text.

Assessment

Tech stack
scss
Domain
design, frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.