diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md new file mode 100644 index 0000000..be77263 --- /dev/null +++ b/.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. diff --git a/Install.sh b/Install.sh new file mode 100755 index 0000000..e87dcfd --- /dev/null +++ b/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 diff --git a/README.org b/README.org index ebad171..8887150 100644 --- a/README.org +++ b/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 diff --git a/user.js b/user.js index 73a28df..3474f19 100644 --- a/user.js +++ b/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); diff --git a/userChrome.css b/userChrome.css index 30e778f..21186f1 100644 --- a/userChrome.css +++ b/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);