* Firefox UI FIX
  [[https://wiki.mozilla.org/Firefox/Proton][proton]] is firefox's new design. \\
  I want to fix some flaws.

  [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Wiki:Compatibility Issues Solution]]

  [[https://user-images.githubusercontent.com/25581533/116832632-4295d000-aba5-11eb-9f4e-33e5291f95ef.png]]

  (Fixed proton design)

  - *Padding Narrower*
    - Tab
    - Panel
    - Menu
  - *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!!

** WHY Not Proton?
   However, there are also many flaws.

   [[https://user-images.githubusercontent.com/25581533/116832636-46295700-aba5-11eb-87d6-d837c2b20318.png]]

   (proton before design)

   - [x] Is it a tab or a button?
   - [] Where are the menu icons?
   - [x] Icons in ActivityStream are too small
   - [x] 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/116781620-90aab680-aa73-11eb-8811-1ae43e7bfb13.png]]
  [[https://user-images.githubusercontent.com/25581533/116781623-930d1080-aa73-11eb-8fc7-14c238b73bfe.png]]

  - Photon (Quantum)
  - Proton
  - Proton Fix