mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-08 10:13:00 -08:00
85 lines
2.7 KiB
Org Mode
85 lines
2.7 KiB
Org Mode
* Firefox UI FIX
|
|
[[https://wiki.mozilla.org/Firefox/Proton][proton]] is firefox's new design. \\
|
|
I want to fix some flaws.
|
|
|
|
/Disclaimer:/ It works *firefox 89* above!!
|
|
| *Wiki* | |
|
|
| [[https://github.com/black7375/Firefox-UI-Fix/wiki/Screenshots][Screenshots]] | [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Compatibility Issues Solution]] |
|
|
|
|
[[https://user-images.githubusercontent.com/25581533/117615662-8d8d8580-b159-11eb-8b92-7d249e31d8f3.png]]
|
|
|
|
(Fixed proton design)
|
|
|
|
- *Icons*
|
|
- Panel
|
|
- *Padding Narrower*
|
|
- Tab
|
|
- Panel
|
|
- Menu
|
|
- Density
|
|
- *Tab Design*
|
|
- General:
|
|
- Connect with toolbar(Buttons like tabs)
|
|
- Selected:
|
|
- Box Shadow: Highlight the selected tab
|
|
- Unselect:
|
|
- Divide Line: React to hover like chrome
|
|
- Clipped:
|
|
- Cleary Text: Adjusted clipped gradation
|
|
- Sound:
|
|
- Show Favicon: Always show favicon
|
|
- *Activity Stream Design*
|
|
- Search Bar:
|
|
- Focused Shadow: Same as the accent color
|
|
- Icons:
|
|
- Size: Fill it up
|
|
|
|
** How to Install?
|
|
|
|
1. Enable =userChrome.css= Support.
|
|
- Go to =about:config=
|
|
- =toolkit.legacyUserProfileCustomizations.stylesheets= to =true=
|
|
- =svg.context-properties.content.enabled= to =true=
|
|
2. Find Profile Directory.
|
|
- Go to =about:support=
|
|
- Open Profile Directory
|
|
3. Copy File
|
|
- create =chrome= directory at profile
|
|
- copy files
|
|
4. Restart
|
|
|
|
** WHY Proton?
|
|
I think a lot has improved.
|
|
|
|
[[https://user-images.githubusercontent.com/25581533/116493283-ecb3e600-a88d-11eb-8cf4-d1cf428dbb0e.png]]
|
|
|
|
(pure proton design)
|
|
|
|
- Neatly organized menu
|
|
- Icon beautiful enough to remind you of Edge
|
|
- Nice color scheme
|
|
- Satisfied Rounding
|
|
- Modal window & Scrollbar!!
|
|
|
|
** WHY Not Proton?
|
|
However, there are also many flaws.
|
|
|
|
[[https://user-images.githubusercontent.com/25581533/117529680-69e70580-afc8-11eb-8ecb-bd1e0cfc1e97.png]]
|
|
|
|
(proton before design)
|
|
|
|
- Is it a tab or a button?
|
|
- Where are the menu icons?
|
|
- Icons in ActivityStream are too small
|
|
- Padding gaps are wide
|
|
- :warning: Address bar 3-point menu, screenshot moves to toolbar (can't fix)
|
|
|
|
** Padding Comparisons
|
|
[[https://user-images.githubusercontent.com/25581533/116781608-75d84200-aa73-11eb-9c75-27d8a82d6382.png]]
|
|
[[https://user-images.githubusercontent.com/25581533/116781611-7a9cf600-aa73-11eb-88d8-dc202474e743.png]]
|
|
[[https://user-images.githubusercontent.com/25581533/118402352-1e33fc00-b659-11eb-89fc-3cb38207fe39.png]]
|
|
[[https://user-images.githubusercontent.com/25581533/116781623-930d1080-aa73-11eb-8fc7-14c238b73bfe.png]]
|
|
|
|
- Photon (Quantum)
|
|
- Proton
|
|
- Proton Fix
|