Merge branch 'master' into photon-style

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I don't like this design that [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

Install.sh

@@ -0,0 +1,19 @@
+autocopy() {
+  local file=${1}
+  local target=${2}
+
+  if [ -e "${target}" ]; then
+    echo "${target} alreay exist."
+    echo "Now Backup.."
+    autocopy "${target}" "${target}.bak"
+    echo""
+  fi
+
+  cp -v "${file}" "${target}"
+}
+
+install_lepton() {
+  local userConfig="user.js"
+  autocopy "${userConfig}" "../${userConfig}"
+}
+install_lepton

README.org

@@ -6,17 +6,17 @@
 *Table of Contents*
 :CONTENTS:
 - [[#lepton-old-name-proton-fix---photon-stlyed][Lepton (old name: Proton Fix) - Photon Stlyed]]
-  - [[#introduce][Introduce]]
-  - [[#how-to-install][How to Install?]]
+  - [[#introduction][Introduction]]
+  - [[#installation-guide][Installation Guide]]
   - [[#why-proton][WHY Proton?]]
   - [[#why-not-proton][WHY Not Proton?]]
   - [[#padding-comparisons][Padding Comparisons]]
 :END:
 
 
-** Introduce
-  [[https://wiki.mozilla.org/Firefox/Proton][Proton]] is Firefox's new design. \\
-  And [[https://design.firefox.com/photon/][Photon]] is old design(88 or earlier)
+** 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.
@@ -29,7 +29,7 @@
 
   [[https://user-images.githubusercontent.com/25581533/120091976-41ea4e00-c0ff-11eb-88ca-a204cfcebe72.png]]
 
-  (Lepton's Photon styled design)
+  (Lepton's Photon styled design :arrow_up:)
 
   - *Icons*
     - Panel
@@ -64,7 +64,7 @@
     - Icons:
       - Size: Fill it up
 
-** How to Install?
+** Installation Guide
 
   1. Download Files
      - Above right's :arrow_down: Code
@@ -86,7 +86,7 @@
 
    [[https://user-images.githubusercontent.com/25581533/119773764-a6639e00-beb0-11eb-8023-498b6293c4b2.png]]
 
-   (Proton's design)
+   (Proton's design :arrow_up:)
 
    - Neatly organized menu
    - Icon beautiful enough to remind you of Edge
@@ -99,7 +99,7 @@
 
    [[https://user-images.githubusercontent.com/25581533/119773812-b5e2e700-beb0-11eb-923c-55ae1a8ca249.png]]
 
-   (Photon's design)
+   (Photon's design :arrow_up:)
 
    - Is it a tab or a button?
    - Where are the menu icons?
@@ -115,4 +115,4 @@
 
   - Photon (Quantum)
   - Proton
-  - Proton Fix
+  - Lepton

user.js

@@ -1,3 +1,4 @@
+// ** Theme Related Options ****************************************************
 // userchrome.css usercontent.css activate
 user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
 
@@ -9,3 +10,8 @@ user_pref("layout.css.backdrop-filter.enabled", true);
 
 // Restore Compact Mode - 89 Above
 user_pref("browser.compactmode.show", true);
+
+
+// ** Useful Options ***********************************************************
+// Integrated calculator at urlbar
+user_pref("browser.urlbar.suggest.calculator", true);

userChrome.css

@@ -57,8 +57,8 @@
     padding-right: var(--newtab-button-width-padding) !important;
   }
 
-  :root[uidensity=compact] #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
-    margin-inline-start: 0 !important;
+  #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
+    margin-inline-start: 1px !important;
   }
 
   :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox {
@@ -595,6 +595,11 @@
   :root[uidensity=compact] menupopup > menuitem, menupopup > menu {
     padding-block: 0.25em !important; /* Original: 0.5em */
   }
+  
+  /** Panel - View ************************************************************/
+  :root #appMenu-popup panelview {
+    width: 25em !important; /* can modify panel width, Original: 22.5em */
+  }
 
   /** Panel - Icons ***********************************************************/
   /* Padding */
@@ -607,6 +612,7 @@
     --arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding) + 1px) !important;
   }
 
+  #downloadsHistory .button-text,
   .subviewbutton > .toolbarbutton-text {
     padding-inline-start: var(--arrowpanel-menuicon-padding) !important;
   }
@@ -644,6 +650,7 @@
   /* Icons Color */
   #appMenu-multiView .subviewbutton::before,
   #appMenu-proton-update-banner::before,
+  #downloadsHistory .button-icon,
   .subviewbutton > image {
     fill: currentColor !important;
     fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
@@ -651,6 +658,12 @@
   }
 
   /* Panel - Main */
+  #appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon {
+    display: -moz-inline-box !important;
+    margin-inline-start: var(--arrowpanel-menuicon-padding);
+    -moz-box-ordinal-group: 0 !important;
+  }
+
   #appMenu-proton-update-banner::before {
     content: url(chrome://browser/skin/whatsnew.svg);
   }
@@ -835,19 +848,19 @@
   #appmenu-developer-tools-view  .subviewbutton:nth-child(5) {  /* Browser Content Toolbaox -  */
     list-style-image: url(./icons/command-frames.svg);
   }
-  #appmenu-developer-tools-view  .subviewbutton:nth-child(6) {  /* Browser Console */
+  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(5) {  /* Browser Console */
     list-style-image: url(chrome://devtools/skin/images/command-console.svg);
   }
-  #appmenu-developer-tools-view  .subviewbutton:nth-child(7) {  /* Responsive Design Mode */
+  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(4) {  /* Responsive Design Mode */
     list-style-image: url(./icons/command-responsivemode.svg);
   }
-  #appmenu-developer-tools-view  .subviewbutton:nth-child(8) {  /* Eyedropper */
+  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(3) {  /* Eyedropper */
     list-style-image: url(chrome://devtools/skin/images/command-eyedropper.svg);
   }
-  #appmenu-developer-tools-view  .subviewbutton:nth-child(9) {  /* Page Source - Edge file-search.svg */
+  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(2) {  /* Page Source - Edge file-search.svg */
     list-style-image: url(./icons/search-file.svg);
   }
-  #appmenu-developer-tools-view  .subviewbutton:nth-child(10) { /* Extensions for Devel */
+  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(1) { /* Extensions for Devel */
     list-style-image: url(chrome://devtools/skin/images/debugging-addons.svg);
   }
   #appmenu-developer-tools-view .subviewbutton:last-child {
@@ -888,6 +901,11 @@
     list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
   }
 
+  /* Panel - Downloads */
+  #downloadsHistory {
+    list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
+  }
+
   /* Toolbar - Overflow Menu */
   #overflowMenu-customize-button {
     list-style-image: url(chrome://browser/skin/customize.svg);