Below is adapted from a fork of Lepton. All contents belong to the original owners, with additional tweaks added to my own preference, and allowing updates from Lepton to be merged.
If you are like me and hate rounded tabs, this is for you.
Overall I understand why Mozilla went the direction they did with Proton to “modernize” the UI, but not to say that I have to like it.
These tweaks attempt to recreate the feel of Quantum with its squared tabs and menus, but in the Proton UI.
Proton is Firefox’s new design, starting from Firefox 89.
Photon is the old design of Firefox which was used until version 88.
Proton’s overall feel is good, but there were a few things I didn’t like and wanted to improve.
That’s why this project was born, and Lepton to denote light theme layer.
Disclaimer: It works Firefox 89 and above!!
Wiki | |||
Installation Guide | Screenshots | Compatibility Issues Solution | Tips |
(Lepton’s design ⬆️)
- Color
- Windows system theme support
- Icons
- Panel
- Padding Narrower
- Tab
- Panel
- Menu
- Density
- Tab Design
- General:
- Connect with toolbar(Buttons like tabs)
- Square corners
- No spacer on left tab bar when windowed
- Selected:
- Add colored tab context line above selected tab
- Unselected:
- Divide Line: full height and colored like Quantum
- Remove white space between tabs
- General:
- Menu Design
- General:
- Square corners on most popup menus
- General:
- set
browser.tabs.tabMinWidth
to150
px or desired width - set
widget.non-native-theme.gtk.scrollbar.round-thumb
tofalse
to square the scrollbar (linux only) - change
layout.css.devPixelsPerPx
to scale the whole browser (1.0 represents 100% scaling)
- Photon (Quantum)
- Proton
- Lepton