• Lepton(old name: Proton Fix)
  • How to Install?
  • WHY Proton?
  • WHY Not Proton?
  • Padding Comparisons

Lepton(old name: Proton Fix)

proton is firefox's new design.
I want to fix some flaws.

Disclaimer: It works firefox 89 above!!

Wiki
Screenshots	Compatibility Issues Solution	Tips

(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. Download Files

   • Above right's ⬇️ Code
   • 📦 Download Zip

2. Find Profile Directory.

   • Go to about:support
   • Open Application Binary Directory for 3. Copy File - Application Directory
   • Open Profile Directory for 4. Copy File - Profile Directory

3. Copy File - Application Directory

   • Copy ProgramFiles's files at Application Binary Directory

4. Copy File - Profile Directory

   • Copy user.js at profile directory
   • Create chrome directory at profile
   • Copy other files at chrome directory

5. Restart

   • Clear startup cache... at about:support

If you prefer Photon(88 or earlier), see photon-style.

WHY Proton?

I think a lot has improved.

(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.

(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
• ⚠️ Address bar 3-point menu, screenshot moves to toolbar (can't fix)

Padding Comparisons

• Photon (Quantum)
• Proton
• Proton Fix