Merge branch 'dev' of https://github.com/black7375/Firefox-UI-Fix into dev

.gitattributes

@@ -1,6 +1,8 @@
 /.gitattributes export-ignore
 /.gitignore export-ignore
 /.github export-ignore
+/.prettierignore export-ignore
+/.prettierrc.json export-ignore
 /CODE_OF_CONDUCT.md export-ignore
 /CONTRIBUTING.md export-ignore
 /README.org export-ignore

.github/ISSUE_TEMPLATE/bug_report.md

@@ -8,34 +8,34 @@ assignees: ''
 ---
 
 **Describe the bug**
-A clear and concise description of what the bug is.
+<!-- A clear and concise description of what the bug is. -->
 
 **Expected behavior**
-A clear and concise description of what you expected to happen.
+<!-- A clear and concise description of what you expected to happen. -->
 
 **Screenshots**
-If applicable, add screenshots to help explain your problem.
+<!-- If applicable, add screenshots to help explain your problem. -->
 
-**Environment (please complete the following information):**
-Check like `- [x]`.
+**Environment:<!-- (please complete the following information) -->**
+<!-- Check like `- [x]`. -->
  - Distribution
    - [ ] [Original Lepton](https://github.com/black7375/Firefox-UI-Fix)
    - [ ] [Lepton's photon style](https://github.com/black7375/Firefox-UI-Fix/tree/photon-style)
    - [ ] [Lepton's proton style](https://github.com/black7375/Firefox-UI-Fix/tree/proton-style)
- - Firefox Version: [write from `about:support` - `version`]
+ - Firefox Version: <!--[write from `about:support` - `version`]-->
  - OS:
    - [ ] Linux
    - [ ] Windows
    - [ ] Mac
-   - [ ] Others: 
+   - [ ] Other: 
  - Theme:
    - [ ] Light
    - [ ] Dark
-   - [ ] Alpenglow(System: Light)
-   - [ ] Alpenglow(System: Dark)
+   - [ ] Alpenglow (System: Light)
+   - [ ] Alpenglow (System: Dark)
    - [ ] System Default
-     - GTK Theme Name(Only Linux User): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark
-   - [ ] Others: [sample] [Photon Colors](https://addons.mozilla.org/en-US/firefox/addon/photon-colors/), [Google Chrome Dark](https://addons.mozilla.org/en-US/firefox/addon/google-chrome-dark/), [Fairytale Of Nature](https://addons.mozilla.org/en-US/firefox/addon/fairytale-of-nature/)
+     - GTK Theme Name (Linux only): <!-- For example: Adwaita, Adwaita-Dark, Breath, Breath-Dark. Run `gsettings get org.gnome.desktop.interface gtk-theme` to output this -->
+   - [ ] Other: (e.g. [Photon Colors](https://addons.mozilla.org/en-US/firefox/addon/photon-colors/), [Google Chrome Dark](https://addons.mozilla.org/en-US/firefox/addon/google-chrome-dark/), [Fairytale Of Nature](https://addons.mozilla.org/en-US/firefox/addon/fairytale-of-nature/))
 
 **Additional context**
-Add any other context about the problem here.
+<!-- Add any other context about the problem here. -->

.github/pull_request_template.md

@@ -1,13 +1,14 @@
 **Describe the PR**
-A clear and concise description of what the PR is.
+<!-- A clear and concise description of what the PR is. -->
 
 **Related Issue**
+<!--Related or discussed issues. If it's a big change, it's a good idea to open an issue ahead of time. -->
 
 **Screenshots**
-If applicable, add screenshots to help explain your commit.
+<!-- If applicable, add screenshots to help explain your commit. -->
 
 **Environment (please complete the following information):**
-Check like `- [x]`.
+<!-- Check like `- [x]`. -->
 
  - PR Type
    - [ ] `Add:` Add feature or enhanced.
@@ -20,4 +21,4 @@ Check like `- [x]`.
    - [ ] [Lepton's proton style](https://github.com/black7375/Firefox-UI-Fix/tree/proton-style)
 
 **Additional context**
-Add any other context about the commit here.
+<!-- Add any other context about the commit here. -->

.prettierignore

@@ -0,0 +1,6 @@
+# Ignore Documents
+*.org
+*.md
+
+# User.js
+user.js

.prettierrc.json

@@ -0,0 +1,7 @@
+{
+  "printWidth": 120,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": false,
+  "bracketSpacing": true
+}

CREDITS

@@ -71,6 +71,14 @@ N: userChrome.css
 W: https://gist.github.com/Dragoner7/ec2319e5038a6b4722d3e692713f9471
 L: MPL 2.0
 
+N: userChrome.css
+W: https://github.com/xarantolus/userchrome.css
+L: MIT
+
+N: userChrome.org
+W: https://www.userchrome.org/what-is-userchrome-css.html
+L: CC BY 4.0
+
 ----------
     Major Contributors
 

README.org

@@ -41,6 +41,8 @@
   - *Icons*
     - Panel
     - Context Menu
+    - Global Menu
+    - Library's open context
   - *Padding Narrower*
     - Tab
     - Panel
@@ -64,18 +66,21 @@
       - Remove Second Label
       - Show Favicon: Always show favicon
     - Container Tab:
-      - Highlight line position: Displayed under favicon.
+      - Highlight line position: Displayed under tab.
   - *Button Design*
     - New tab: Looks like tab
   - *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
+    - Smooth Scrolling
+    - Mouse pointer for each context
 
 ** Installation Guide
 

icons/tag-open.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+  <path d="M1 1v6l8 8 6-6-8-8H1zm0-1h6a1 1 0 0 1 .707.293l8 8a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0l-8-8A1 1 0 0 1 0 7V1a1 1 0 0 1 1-1zm3 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"/>
+</svg>

user.js

@@ -67,5 +67,5 @@ user_pref("mousewheel.min_line_scroll_amount",                  0);            /
 user_pref("mousewheel.system_scroll_override.enabled",       true);            ///     true <- 2. If scroll too fast, set to false
 user_pref("mousewheel.system_scroll_override_on_root_content.enabled", false); ///     true
 user_pref("mousewheel.transaction.timeout",                  1500);            ///     1500
-user_pref("toolkit.scrollbox.horizontalScrollDistance",         3);            ///        5
+user_pref("toolkit.scrollbox.horizontalScrollDistance",         4);            ///        5
 user_pref("toolkit.scrollbox.verticalScrollDistance",           3);            ///        3

userContent.css

@@ -650,7 +650,7 @@
 
       @media screen and (min-width: 768px) {
         .mzp-c-menu-panel {
-          box-shadow: box-shadow: 0 16px 16px -16px rgba(255,255,255,.3) !important;
+          box-shadow: 0 16px 16px -16px rgba(255,255,255,.3) !important;
         }
       }
       .card--product,