* Lepton(old name: Proton 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://github.com/black7375/Firefox-UI-Fix/wiki/Tips][Tips]] |

  [[https://user-images.githubusercontent.com/25581533/119774062-20942280-beb1-11eb-80aa-c18dd52f18d7.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
      - Bottom Rounding: Natural
    - MultiSelected
      - Adjust Color: Easily recognizable.
    - Unselect:
      - Divide Line: React to hover like chrome
    - Clipped:
      - Cleary Text: Adjusted clipped gradation
    - Sound:
      - Remove Second Label
      - Show Favicon: Always show favicon
    - Pinned:
      - Combinded Close Button: Replace favicon to close button at selected
    - Container Tab:
      - Highlight line position: Displayed under 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/119773764-a6639e00-beb0-11eb-8023-498b6293c4b2.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/119773812-b5e2e700-beb0-11eb-923c-55ae1a8ca249.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