2021-10-29 09:04:18 +02:00
|
|
|
* Lepton (old name: Proton Fix) - Photon Stlyed
|
2021-10-07 16:32:19 +02:00
|
|
|
:PROPERTIES:
|
|
|
|
|
:TOC: :include all
|
|
|
|
|
:END:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
*Table of Contents*
|
|
|
|
|
:CONTENTS:
|
2021-10-29 09:04:18 +02:00
|
|
|
- [[#lepton-old-name-proton-fix---photon-stlyed][Lepton (old name: Proton Fix) - Photon Stlyed]]
|
2021-10-07 16:32:19 +02:00
|
|
|
- [[#introduction][Introduction]]
|
|
|
|
|
- [[#installation-guide][Installation Guide]]
|
|
|
|
|
- [[#why-proton][WHY Proton?]]
|
|
|
|
|
- [[#why-not-proton][WHY Not Proton?]]
|
|
|
|
|
- [[#padding-comparisons][Padding Comparisons]]
|
|
|
|
|
- [[#faq][FAQ]]
|
|
|
|
|
:END:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
** Introduction
|
|
|
|
|
[[https://wiki.mozilla.org/Firefox/Proton][Proton]] is Firefox's new design, starting from Firefox 89. \\
|
|
|
|
|
[[https://design.firefox.com/photon/][Photon]] is the old design of Firefox which was used until version 88.
|
|
|
|
|
|
|
|
|
|
Proton's [[#why-proton][overall feel is good]], but there were a few things I [[#why-not-proton][didn't like]] and wanted to improve. \\
|
|
|
|
|
That's why this project was born, and Lepton to denote light theme layer.
|
|
|
|
|
|
2021-10-29 09:04:18 +02:00
|
|
|
Lepton's photon styled is preserve Photon's feeling while keep [[https://github.com/black7375/Firefox-UI-Fix][Original Lepton]].'s strengths.
|
|
|
|
|
|
2021-10-07 16:32:19 +02:00
|
|
|
/Disclaimer:/ It works on *Firefox 89* and above!!
|
|
|
|
|
| *Wiki* | | | |
|
|
|
|
|
| [[https://github.com/black7375/Firefox-UI-Fix/wiki/Installation-Guide][Installation Guide]] | [[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]] |
|
|
|
|
|
|
2021-10-29 09:04:18 +02:00
|
|
|
[[https://user-images.githubusercontent.com/25581533/120091976-41ea4e00-c0ff-11eb-88ca-a204cfcebe72.png]]
|
2021-10-07 16:32:19 +02:00
|
|
|
|
2021-10-29 09:04:18 +02:00
|
|
|
(Lepton's Photon styled design :arrow_up:)
|
2021-10-07 16:32:19 +02:00
|
|
|
|
|
|
|
|
- *Color*
|
|
|
|
|
- Default light/dark theme contrast enhancement
|
|
|
|
|
- Colorful context menu
|
|
|
|
|
- More dark mode support
|
|
|
|
|
- GTK system theme support
|
|
|
|
|
- Windows system theme support
|
2022-01-07 13:50:29 +01:00
|
|
|
- Mac system theme support
|
2021-10-07 16:32:19 +02:00
|
|
|
- Windows7 compatibility
|
|
|
|
|
- *Icons*
|
2021-10-29 09:04:18 +02:00
|
|
|
- Panel: like Photon
|
2021-10-07 16:32:19 +02:00
|
|
|
- Context Menu
|
|
|
|
|
- Global Menu
|
|
|
|
|
- Library's open context
|
|
|
|
|
- *Padding Narrower*
|
|
|
|
|
- Tab
|
|
|
|
|
- Panel
|
|
|
|
|
- Menu
|
|
|
|
|
- Density
|
|
|
|
|
- Others...
|
|
|
|
|
- *Tab Design*
|
2021-10-29 09:04:18 +02:00
|
|
|
- General:
|
|
|
|
|
- Connect with toolbar(Buttons like tabs): like Photon
|
|
|
|
|
- Selected:
|
|
|
|
|
- Context Line: like Photon
|
|
|
|
|
- Bottom Rounding: Natural
|
2021-10-07 16:32:19 +02:00
|
|
|
- MultiSelected
|
|
|
|
|
- Adjust Color: Easily recognizable.
|
|
|
|
|
- Unselect:
|
2021-10-29 09:04:18 +02:00
|
|
|
- Divide Line: like Photon
|
2022-01-07 13:50:29 +01:00
|
|
|
- Unloaded:
|
|
|
|
|
- Dimmed: Looks like inactive
|
2021-10-07 16:32:19 +02:00
|
|
|
- Clipped:
|
|
|
|
|
- Clearer Text: Adjusted clipped gradation
|
|
|
|
|
- Closed Button: Visible on hover
|
|
|
|
|
- Sound:
|
|
|
|
|
- Remove Second Label
|
|
|
|
|
- Show Favicon: Always show favicon
|
2022-01-07 13:50:29 +01:00
|
|
|
- PIP Icon
|
2021-10-07 16:32:19 +02:00
|
|
|
- Container Tab:
|
2021-10-29 09:04:18 +02:00
|
|
|
- Highlight line position: Displayed under tab.
|
|
|
|
|
- *Button Design*
|
|
|
|
|
- New tab: like Photon
|
2021-10-07 16:32:19 +02:00
|
|
|
- *Activity Stream Design*
|
|
|
|
|
- Search Bar:
|
|
|
|
|
- Focused Shadow: Same as the accent color
|
|
|
|
|
- Hand off to Awesomebar
|
|
|
|
|
- Icons:
|
|
|
|
|
- Size: Fill(Changes dynamically to your size)
|
|
|
|
|
- *Error Page Design*
|
|
|
|
|
- Illustrations: Restore error page illustrations
|
|
|
|
|
- *Others*
|
|
|
|
|
- Activate calculator at address bar
|
2022-01-07 13:50:29 +01:00
|
|
|
- Animations
|
2021-10-07 16:32:19 +02:00
|
|
|
- Mouse pointer for each context
|
|
|
|
|
|
|
|
|
|
** Installation Guide
|
|
|
|
|
|
|
|
|
|
*Script Installation (experimental)*
|
|
|
|
|
|
|
|
|
|
Linux, mac users:
|
|
|
|
|
#+BEGIN_SRC bash
|
|
|
|
|
bash -c "$(curl -fsSL https://raw.githubusercontent.com/black7375/Firefox-UI-Fix/master/install.sh)"
|
|
|
|
|
#+END_SRC
|
|
|
|
|
|
2022-02-27 15:27:42 +01:00
|
|
|
Windows users: Run with powershell
|
2021-10-07 16:32:19 +02:00
|
|
|
#+BEGIN_SRC powershell
|
|
|
|
|
Powershell -c "Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iwr https://raw.githubusercontent.com/black7375/Firefox-UI-Fix/master/install.ps1 -useb | iex"
|
|
|
|
|
#+END_SRC
|
|
|
|
|
|
|
|
|
|
*Manual Installation*
|
|
|
|
|
|
|
|
|
|
You can see the [[https://github.com/black7375/Firefox-UI-Fix/wiki/Installation-Guide][installation guide]] with screenshots on the wiki.
|
|
|
|
|
|
|
|
|
|
1. Download files
|
|
|
|
|
- Click the green ":arrow_down: Code"-button above
|
|
|
|
|
- Select ":package: Download Zip"
|
|
|
|
|
2. Find your profile directory
|
|
|
|
|
- Open =about:support= in a new tab
|
|
|
|
|
- Find the =Profile Folder= entry and click the =Open Folder= button
|
|
|
|
|
3. Copy downloaded files
|
|
|
|
|
- Extract the downloaded zip file
|
|
|
|
|
- Copy the =user.js= file to the previously opened profile directory
|
|
|
|
|
- Create a new directory inside your profile directory called =chrome=
|
|
|
|
|
- Copy the remaining files from the extracted zip-file into previously created the =chrome= directory
|
|
|
|
|
4. Restart Firefox
|
|
|
|
|
- Click the =Clear startup cache...= at the top of =about:support=
|
|
|
|
|
|
2021-10-29 09:04:18 +02:00
|
|
|
If you prefer Proton(89 or above), see [[https://github.com/black7375/Firefox-UI-Fix][Original Lepton]].\\
|
|
|
|
|
If you prefer Proton tab shape, see [[https://github.com/black7375/Firefox-UI-Fix/tree/proton-style][Lepton's proton-style]].
|
2021-10-07 16:32:19 +02:00
|
|
|
|
|
|
|
|
** WHY Proton?
|
|
|
|
|
I think a lot has improved.
|
|
|
|
|
|
|
|
|
|
[[https://user-images.githubusercontent.com/25581533/119773764-a6639e00-beb0-11eb-8023-498b6293c4b2.png]]
|
|
|
|
|
|
|
|
|
|
(Proton's design :arrow_up:)
|
|
|
|
|
|
|
|
|
|
- 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]]
|
|
|
|
|
|
|
|
|
|
(Photon's design :arrow_up:)
|
|
|
|
|
|
|
|
|
|
- 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
|
2021-10-29 09:04:18 +02:00
|
|
|
[[https://user-images.githubusercontent.com/25581533/120262929-38412180-c28a-11eb-8680-e278403873e4.png]]
|
|
|
|
|
[[https://user-images.githubusercontent.com/25581533/120263320-0086a980-c28b-11eb-8b58-acde49dd80ee.png]]
|
2021-10-07 16:32:19 +02:00
|
|
|
[[https://user-images.githubusercontent.com/25581533/118402352-1e33fc00-b659-11eb-89fc-3cb38207fe39.png]]
|
|
|
|
|
[[https://user-images.githubusercontent.com/25581533/124066951-0eb21c00-da29-11eb-9ac4-c6b82a268c6f.png]]
|
|
|
|
|
|
|
|
|
|
- Photon (Quantum)
|
|
|
|
|
- Proton
|
|
|
|
|
- Lepton
|
|
|
|
|
|
|
|
|
|
** FAQ
|
|
|
|
|
|
|
|
|
|
- *Black pixels around the selected tab bottom corners* \\
|
|
|
|
|
[[https://user-images.githubusercontent.com/5571586/120401980-edf58a00-c2f5-11eb-9e64-ce50c5b189b2.png]]
|
|
|
|
|
|
|
|
|
|
Please follow the [[https://github.com/black7375/Firefox-UI-Fix/wiki/Installation-Guide][Installation Guide]], \\
|
|
|
|
|
or set =about:config='s =svg.context-properties.content.enabled= to =true= .
|
|
|
|
|
|
2022-02-27 15:27:42 +01:00
|
|
|
- *The closed button and some panel menu icons are not visible.* \\
|
|
|
|
|
[[https://user-images.githubusercontent.com/77958663/130395848-7af58241-bbbf-4273-bb62-14382c44098d.png]]
|
2021-10-07 16:32:19 +02:00
|
|
|
[[https://user-images.githubusercontent.com/25581533/120487528-93b40200-c3a5-11eb-98ad-3498beb9f38e.png]]
|
|
|
|
|
|
|
|
|
|
Please follow the [[https://github.com/black7375/Firefox-UI-Fix/wiki/Installation-Guide][Installation Guide]], \\
|
|
|
|
|
or copy the =icons= directory to =chrome= .
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- *Less icons in the panel with photon-style*\\
|
|
|
|
|
[[https://user-images.githubusercontent.com/25581533/123761424-5746c980-d8b1-11eb-9a0f-83fb305f9f08.png]]
|
|
|
|
|
[[https://user-images.githubusercontent.com/25581533/123762962-d4bf0980-d8b2-11eb-8492-d497d330c72a.png]]
|
|
|
|
|
|
2022-02-27 15:27:42 +01:00
|
|
|
I didn't put all the icons like before.\\
|
|
|
|
|
[[https://user-images.githubusercontent.com/25581533/123602947-dd4b0d80-d7e8-11eb-93a6-2b263bdd99f7.png]]
|
