From 9145232e8b201f135bdd0d347cfbfe15425d5647 Mon Sep 17 00:00:00 2001
From: akay <github@akay.me>
Date: Sun, 9 Oct 2022 06:29:44 +0300
Subject: [PATCH] fix typos

---
 .prettierignore                               |  2 +-
 CONTRIBUTING.md                               |  2 +-
 __tests__/each.test.scss                      |  4 +-
 css/leptonChrome.css                          | 92 +++++++++----------
 css/leptonContent.css                         | 14 +--
 docs/Omni_ja.md                               |  2 +-
 docs/Preference.md                            |  2 +-
 docs/Project_Structure.md                     |  4 +-
 docs/README.md                                |  6 +-
 docs/Restrictions.md                          |  8 +-
 docs/Rules.md                                 |  2 +-
 install.ps1                                   |  2 +-
 install.sh                                    |  4 +-
 src/autohide/_infobar.scss                    |  2 +-
 src/compatibility/_os.scss                    |  2 +-
 src/compatibility/_theme.scss                 |  2 +-
 src/contents/dark_mode/_addons_org.scss       |  2 +-
 .../proton_contents/_proton_commons.scss      |  4 +-
 src/decoration/_animate.scss                  |  2 +-
 src/fullscreen/_overlap.scss                  |  2 +-
 src/icons/_index.scss                         |  2 +-
 src/icons/_panel.scss                         | 10 +-
 src/icons/context_menu/_others.scss           |  2 +-
 src/icons/layout/_bookmark_menu.scss          |  2 +-
 src/icons/layout/_menu_common.scss            |  2 +-
 src/leptonChrome.scss                         |  2 +-
 src/library/_folder_icons.scss                |  6 +-
 src/library/_proton_contents.scss             |  2 +-
 src/rounding/_square.scss                     |  2 +-
 src/tab/_unselected_tab.scss                  |  2 +-
 src/tab/newtab_button/_looks_like_tab.scss    |  8 +-
 src/tab/newtab_button/_smaller_button.scss    |  2 +-
 .../selected_tab/_bottom_rounded_corner.scss  |  2 +-
 src/tab/selected_tab/_box_shadow.scss         |  2 +-
 .../_photon_like_contextline.scss             |  2 +-
 src/tabbar/_on_bottom.scss                    |  2 +-
 src/theme/_proton_color.scss                  |  2 +-
 src/theme/proton_chrome/_cert.scss            |  6 +-
 src/theme/system_default_theme/_mac.scss      |  6 +-
 src/theme/system_default_theme/_win10.scss    | 26 +++---
 src/utils/_each.scss                          |  6 +-
 src/utils/_option.scss                        |  4 +-
 user.js                                       |  6 +-
 43 files changed, 133 insertions(+), 133 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index 682b771..64a1b0a 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -5,7 +5,7 @@
 # User.js
 user.js
 
-# Prettier error exeption
+# Prettier error exception
 src/utils/_each.scss
 # [error] src/utils/_each.scss: SyntaxError: CssSyntaxError: At-rule without name (28:7)
 # [error]   26 |         }
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 282649a..a7abba4 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -90,7 +90,7 @@ Even if you copy the code snippet, it is recommended that you leave a link.
 
 **FAQ**
 
-If you have any questions about other licenses, please see [Moailla's MPL 2.0 FAQ](https://www.mozilla.org/en-US/MPL/2.0/FAQ/).
+If you have any questions about other licenses, please see [Mozilla's MPL 2.0 FAQ](https://www.mozilla.org/en-US/MPL/2.0/FAQ/).
 
 
 ## References
diff --git a/__tests__/each.test.scss b/__tests__/each.test.scss
index 5f8c3da..9838760 100644
--- a/__tests__/each.test.scss
+++ b/__tests__/each.test.scss
@@ -68,7 +68,7 @@
   @include test("prefix custom option") {
     @include assert {
       @include output {
-        @include each.AtEach("supports", "userChrome.tab.photon", "-moz-bool-pref", ("seperator": " or ", "quoted": true)) {
+        @include each.AtEach("supports", "userChrome.tab.photon", "-moz-bool-pref", ("separator": " or ", "quoted": true)) {
           @include example;
         }
       }
@@ -84,7 +84,7 @@
     @include assert {
       @include output {
         $input: "userChrome.tab.photon" "userChrome.padding.photon";
-        @include each.AtEach("supports", $input, "-moz-bool-pref", ("seperator": " or ", "quoted": true)) {
+        @include each.AtEach("supports", $input, "-moz-bool-pref", ("separator": " or ", "quoted": true)) {
           @include example;
         }
       }
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 0e0a801..96a9e72 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -1,8 +1,8 @@
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 @namespace html "http://www.w3.org/1999/xhtml";
-/** Default Thme - Contrast ***************************************************/
+/** Default Theme - Contrast ***************************************************/
 @supports -moz-bool-pref("userChrome.theme.built_in_contrast") {
-  /*= Lightmode - Color darker =================================================*/
+  /*= Light mode - Color darker =================================================*/
   :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]),
   :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] {
     --lwt-accent-color: rgb(229, 229, 235) !important;
@@ -21,7 +21,7 @@
       background-color: var(--lwt-accent-color) !important;
     }
   }
-  /*= Darkmode - Color lighter =================================================*/
+  /*= Dark mode - Color lighter =================================================*/
   :root[lwtheme-mozlightdark][lwthemetextcolor="bright"],
   :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
     --toolbar-bgcolor: rgba(43, 42, 51, 5) !important;
@@ -87,7 +87,7 @@
       .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
       > .tab-stack
       > .tab-background {
-      /* Nigtly 96:  1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
+      /* Nightly 96:  1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
       border: unset !important;
     }
 
@@ -495,16 +495,16 @@
       --win-field-bgcolor: #ffffff;
       --win-component-bgcolor: #f2f2f2;
       --win-border-color: #8a8a8a;
-      --win-tab-seperator-color: #a3a3a3;
+      --win-tab-separator-color: #a3a3a3;
       --win-sidebar-bgcolor: #e6e6e6;
       --win-sidebar-hover-bgcolor: #cfcfcf;
       --win-sidebar-button-hover-bgcolor: #b8b8b8;
       --win-sidebar-button-hover-active-bgcolor: #a3a3a3;
       --win-button-border: #747474;
-      --win-shorcut-text-color: #757575;
+      --win-shortcut-text-color: #757575;
       --win-error-color: #b31616;
       --win-red-border-color: #ff4343;
-      --win-accent-forground-color: AccentColorText;
+      --win-accent-foreground-color: AccentColorText;
       --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, AccentColor);
       --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, AccentColor);
       --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, AccentColor);
@@ -512,7 +512,7 @@
     }
     @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
       :root:not(:-moz-lwtheme) {
-        --win-accent-forground-color: -moz-accent-color-foreground;
+        --win-accent-foreground-color: -moz-accent-color-foreground;
         --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, -moz-accent-color);
         --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, -moz-accent-color);
         --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color);
@@ -536,13 +536,13 @@
         --win-field-bgcolor: #373737;
         --win-component-bgcolor: #171717;
         --win-border-color: #5b5b5b;
-        --win-tab-seperator-color: #555555;
+        --win-tab-separator-color: #555555;
         --win-sidebar-bgcolor: #1f1f1f;
         --win-sidebar-hover-bgcolor: #353535;
         --win-sidebar-button-hover-bgcolor: #353535;
         --win-sidebar-button-hover-active-bgcolor: #4c4c4c;
         --win-button-border: #8f8f8f;
-        --win-shorcut-text-color: #adadad;
+        --win-shortcut-text-color: #adadad;
         --win-error-color: #ffb900;
         --win-red-border-color: #ff4343;
         --win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, AccentColor);
@@ -584,8 +584,8 @@
       --panel-disabled-color: var(--win-disabled-color) !important;
       --download-progress-paused-color: var(--win-disabled-color) !important;
       /* Text Shortcut Color */
-      --panel-shortcut-color: var(--win-shorcut-text-color) !important;
-      --panel-description-color: var(--win-shorcut-text-color) !important;
+      --panel-shortcut-color: var(--win-shortcut-text-color) !important;
+      --panel-description-color: var(--win-shortcut-text-color) !important;
       /* Title Background */
       --lwt-accent-color: var(--win-bgcolor) !important;
       --toolbar-field-border-color: var(--win-bgcolor) !important;
@@ -597,9 +597,9 @@
       --arrowpanel-background: var(--win-component-bgcolor) !important;
       --autocomplete-popup-background: var(--win-component-bgcolor) !important;
       /* Border Color */
-      /* Seperator */
-      --toolbarseparator-color: var(--win-tab-seperator-color) !important;
-      /* Field Backround Color */
+      /* Separator */
+      --toolbarseparator-color: var(--win-tab-separator-color) !important;
+      /* Field Background Color */
       --input-bgcolor: var(--win-field-bgcolor) !important;
       --toolbar-field-background-color: var(--win-field-bgcolor) !important;
       --toolbar-field-focus-background-color: var(--win-field-bgcolor) !important;
@@ -631,9 +631,9 @@
       --checkbox-border-color: var(--win-button-border) !important;
       --input-border-color: var(--win-button-border) !important;
       --autocomplete-popup-separator-color: var(--win-button-border) !important;
-      /* Accent Forground Color */
-      --button-primary-color: var(--win-accent-forground-color) !important;
-      --checkbox-checked-color: var(--win-accent-forground-color) !important;
+      /* Accent Foreground Color */
+      --button-primary-color: var(--win-accent-foreground-color) !important;
+      --checkbox-checked-color: var(--win-accent-foreground-color) !important;
       /* Accent Color */
       --button-primary-bgcolor: var(--win-accent-color) !important;
       --focus-outline-color: var(--win-accent-color) !important;
@@ -906,11 +906,11 @@
       /* Selected Background Color */
       --toolbar-bgcolor: var(--mac-selected-bgcolor) !important;
       --toolbar-non-lwt-bgcolor: var(--mac-selected-bgcolor) !important;
-      /* Field Backround Color */
+      /* Field Background Color */
       --input-bgcolor: var(--mac-field-bgcolor) !important;
       --toolbar-field-background-color: var(--mac-field-bgcolor) !important;
       --tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important;
-      /* Panel Backround Color */
+      /* Panel Background Color */
       --arrowpanel-background: var(--mac-panel-bgcolor) !important;
       /* Hover Background Color  */
       --menuitem-hover-background-color: var(--mac-hover-bgcolor) !important;
@@ -947,7 +947,7 @@
         --input-border-color: var(--mac-bgcolor) !important;
         --autocomplete-popup-separator-color: var(--mac-bgcolor) !important;
        */
-      /* Accent Color Forground */
+      /* Accent Color Foreground */
       --button-primary-color: var(--mac-primary-button-color) !important;
       --checkbox-checked-color: var(--mac-primary-button-color) !important;
       /* Accent Color */
@@ -1134,7 +1134,7 @@
     --in-content-link-color-hover: var(--blue-70);
     --in-content-link-color-active: var(--blue-80);
     --in-content-link-color-visited: var(--blue-60);
-    /* button background states are also used for checkboxes and radiobuttons */
+    /* button background states are also used for checkboxes and radio buttons */
     --in-content-button-text-color: var(--in-content-text-color);
     --in-content-button-text-color-hover: var(--in-content-text-color);
     --in-content-button-background: rgba(207, 207, 216, 0.33);
@@ -2318,7 +2318,7 @@
       border-radius: 4px !important;
     }
   }
-  /*= Cert Exeption Dialog =====================================================*/
+  /*= Cert Exception Dialog =====================================================*/
   @-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
   {
     #locationTextBox {
@@ -2336,13 +2336,13 @@
       border-color: transparent !important;
       outline: 2px solid var(--in-content-focus-outline-color) !important;
       outline-offset: -1px !important;
-      /* Prevents antialising around the corners */
+      /* Prevents antialiasing around the corners */
     }
     #locationTextBox:-moz-ui-invalid {
       border-color: transparent !important;
       outline: 2px solid var(--in-content-border-invalid) !important;
       outline-offset: -1px !important;
-      /* Prevents antialising around the corners */
+      /* Prevents antialiasing around the corners */
     }
     #locationTextBox:disabled {
       opacity: 0.4 !important;
@@ -3124,7 +3124,7 @@
       from {
         margin-top: 0;
       }
-      /* Dont' use `to`: Depending on density */
+      /* Don't use `to`: Depending on density */
     }
     /*- Expand - Synced Tabs ---------------------------------------------------*/
     @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml")
@@ -3200,7 +3200,7 @@
   }
 }
 @supports -moz-bool-pref("userChrome.rounding.square_tab") or -moz-bool-pref("userChrome.round.square_button") {
-  /* Fix Tab bar button radious */
+  /* Fix Tab bar button radius */
   #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-icon,
   #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
   #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack,
@@ -4071,7 +4071,7 @@
         }
       }
     }
-    /*= Tabbar - Hidden at singgle tab ===========================================*/
+    /*= Tabbar - Hidden at single tab ===========================================*/
     @supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
       #tabbrowser-tabs .tabbrowser-tab:only-of-type {
         display: none !important;
@@ -4221,7 +4221,7 @@
             }
           }
         }
-        /*= Tabbar - Hidden at singgle tab ===========================================*/
+        /*= Tabbar - Hidden at single tab ===========================================*/
         @supports -moz-bool-pref("userChrome.tabbar.on_bottom.hidden_single_tab") {
           #tabbrowser-tabs .tabbrowser-tab:only-of-type {
             display: none !important;
@@ -6218,7 +6218,7 @@
     .tabbrowser-tab[visuallyselected="true"]:not(:focus)
     > .tab-stack
     > .tab-background:-moz-lwtheme {
-    /* Origina: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
+    /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
          Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
     box-shadow: 0 0 1px var(--toolbar-color) !important;
   }
@@ -6330,7 +6330,7 @@
     /* Fill color for GTK */
     :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::before,
     :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after {
-      /* As GTK Toolbar's background-color + backround-image
+      /* As GTK Toolbar's background-color + background-image
          * --toolbar-non-lwt-bgcolor: -moz-dialog;
          * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
          */
@@ -6406,7 +6406,7 @@
     background-color: rgba(255, 255, 255, 0.2) !important;
   }
 
-  /* Prevent identitiy color flashing */
+  /* Prevent identity color flashing */
   .tabbrowser-tab[usercontextid] .tab-context-line {
     --identity-icon-color: none;
   }
@@ -6456,7 +6456,7 @@
 }
 /*= Unselected Tab - Divide line =============================================*/
 /*= Unselected Tab - Dynamic Separator =======================================*/
-@supports -moz-bool-pref("userChrome.tab.dynamic_separtor") {
+@supports -moz-bool-pref("userChrome.tab.dynamic_separator") {
   #tabbrowser-arrowscrollbox {
     --start-tab-separator-position-x: -1.5px;
     --end-tab-separator-position-x: 1.5px;
@@ -6690,13 +6690,13 @@
   #tabs-newtab-button {
     /* Original:
       margin: 0 0 var(--tabs-navbar-shadow-size) !important
-      => Can't ovrride style. Therefore, we should approach it by bypass.
+      => Can't override style. Therefore, we should approach it by bypass.
       */
     --tabs-navbar-shadow-size: -1px;
     /* Original: 1px */
     --tabs-navbar-original-shadow-size: 1px;
     --tab-corner-rounding: 4px;
-    /* Hardcorded */
+    /* Hardcoded */
     /* Size */
     -moz-box-align: stretch !important;
     padding-top: var(--tab-block-margin) !important;
@@ -6725,27 +6725,27 @@
     :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
     :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
       fill: color-mix(in srgb, AccentColorText 10%, transparent) !important;
-      /* Hardcorded for compatibility */
+      /* Hardcoded for compatibility */
     }
 
     :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
     :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
       fill: color-mix(in srgb, AccentColorText 15%, transparent) !important;
-      /* Hardcorded for compatibility */
+      /* Hardcoded for compatibility */
     }
 
     @supports -moz-bool-pref("userChrome.compatibility.accent_color") {
       :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover,
       :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover {
         fill: color-mix(in srgb, -moz-accent-color-foreground 10%, transparent) !important;
-        /* Hardcorded for compatibility */
+        /* Hardcoded for compatibility */
       }
 
       :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
       :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
         #tabs-newtab-button:hover:active {
         fill: color-mix(in srgb, -moz-accent-color-foreground 15%, transparent) !important;
-        /* Hardcorded for compatibility */
+        /* Hardcoded for compatibility */
       }
     }
   }
@@ -6764,7 +6764,7 @@
 @supports -moz-bool-pref("userChrome.tab.newtab_button_smaller") {
   #tabs-newtab-button > .toolbarbutton-icon {
     margin-left: 1px;
-    /* Origianl: calc((var(--tab-min-height) - 16px) / 2) = 10px */
+    /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
     --toolbarbutton-inner-padding: 6px;
   }
 
@@ -7525,7 +7525,7 @@
     }
 
     @media (-moz-gtk-csd-available) {
-      /* Fix transparent backgorund */
+      /* Fix transparent background */
       :root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) {
         appearance: auto !important;
       }
@@ -8519,7 +8519,7 @@
     list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
   }
 
-  /* Boomark */
+  /* Bookmark */
   :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
     list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
   }
@@ -8562,7 +8562,7 @@
     list-style-image: url("../icons/tag-open.svg") !important;
   }
 
-  /* Boomark */
+  /* Bookmark */
   :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
     list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
   }
@@ -9495,7 +9495,7 @@
     }
   }
   /*= Bookmark Menu - Layout ===================================================*/
-  /* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
+  /* #goPopup(Legacy of historyMenuPopup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
      * #BMB_bookmarksPopup: looks like arrow panel
      */
   /* Empty Menu */
@@ -10455,7 +10455,7 @@
     }
 
     /*= textbox-contextmenu ======================================================*/
-    /* Browser's Searchbar, Libray's Searchbar, Page Info */
+    /* Browser's Searchbar, Library's Searchbar, Page Info */
     .textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
       --menuitem-image: url("../icons/undo.svg");
     }
@@ -10872,7 +10872,7 @@
     }
   }
 }
-/** Libray Menu ***************************************************************/
+/** Library Menu ***************************************************************/
 @supports -moz-bool-pref("userChrome.icon.library") {
   @supports -moz-bool-pref("userChrome.icon.menu") {
     /*= organizeButtonPopup ======================================================*/
diff --git a/css/leptonContent.css b/css/leptonContent.css
index 0e0d42c..083ba6f 100644
--- a/css/leptonContent.css
+++ b/css/leptonContent.css
@@ -650,7 +650,7 @@
       --in-content-link-color-hover: var(--blue-70);
       --in-content-link-color-active: var(--blue-80);
       --in-content-link-color-visited: var(--blue-60);
-      /* button background states are also used for checkboxes and radiobuttons */
+      /* button background states are also used for checkboxes and radio buttons */
       --in-content-button-text-color: var(--in-content-text-color);
       --in-content-button-text-color-hover: var(--in-content-text-color);
       --in-content-button-background: rgba(207, 207, 216, 0.33);
@@ -1160,7 +1160,7 @@
         /* .developer-hub */
         /* Background */
         /* Border */
-        /* Othres */
+        /* Others */
       }
       body:is(.developer-hub, .statistics) #main-wrapper,
       body:is(.developer-hub, .statistics) .menu-nav > ul > li > ul::after,
@@ -2014,7 +2014,7 @@
       border-color: transparent !important;
       outline: 2px solid var(--in-content-focus-outline-color) !important;
       outline-offset: -1px !important;
-      /* Prevents antialising around the corners */
+      /* Prevents antialiasing around the corners */
     }
 
     input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):-moz-ui-invalid,
@@ -2022,7 +2022,7 @@
       border-color: transparent !important;
       outline: 2px solid var(--in-content-border-invalid) !important;
       outline-offset: -1px !important;
-      /* Prevents antialising around the corners */
+      /* Prevents antialiasing around the corners */
     }
 
     input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):disabled,
@@ -2282,7 +2282,7 @@
         list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
       }
 
-      /* Boomark */
+      /* Bookmark */
       :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
         list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
       }
@@ -2326,7 +2326,7 @@
         list-style-image: url("../icons/tag-open.svg") !important;
       }
 
-      /* Boomark */
+      /* Bookmark */
       :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
         list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
       }
@@ -2985,7 +2985,7 @@
           opacity: 0.4 !important;
         }
 
-        /*- Menu Separtor --------------------------------------------------------*/
+        /*- Menu Separator --------------------------------------------------------*/
         menuseparator {
           appearance: none !important;
           min-width: 2px;
diff --git a/docs/Omni_ja.md b/docs/Omni_ja.md
index e71753e..ea0249e 100644
--- a/docs/Omni_ja.md
+++ b/docs/Omni_ja.md
@@ -15,7 +15,7 @@
 - [UDN: omni.ja (formerly omni.jar)](https://udn.realityripple.com/docs/Mozilla/About_omni.ja_(formerly_omni.jar))
 - [Firefox 4: jar jar jar](https://web.archive.org/web/20161003115800/https://blog.mozilla.org/tglek/2010/09/14/firefox-4-jar-jar-jar/)
 - [Firefox's Optimized Zip Format: Reading Zip Files Really Quickly](https://taras.glek.net/post/optimized-zip-format/)
-- [How to Optimize or Deoptimize Firefox OMNI.JA File](https://www.raymond.cc/blog/edit-files-inside-firefox-4-omni-jar-to-auto-save-password/)
+- [How to Optimize or De-optimize Firefox OMNI.JA File](https://www.raymond.cc/blog/edit-files-inside-firefox-4-omni-jar-to-auto-save-password/)
 
 **Explanation**
 
diff --git a/docs/Preference.md b/docs/Preference.md
index acb6351..547bd7c 100644
--- a/docs/Preference.md
+++ b/docs/Preference.md
@@ -73,7 +73,7 @@ See [EBNF(Extended Backus-Naur form)](https://en.wikipedia.org/wiki/Extended_Bac
 
 ## Default Config
 - [`modules/libpref/init/all.js`](https://github.com/mozilla/gecko-dev/blob/master/modules/libpref/init/all.js): all products
-- [`browser/app/profile/firefox.js`](https://github.com/mozilla/gecko-dev/blob/master/browser/app/profile/firefox.js): only firefox deskstop
+- [`browser/app/profile/firefox.js`](https://github.com/mozilla/gecko-dev/blob/master/browser/app/profile/firefox.js): only firefox desktop
 
 In release builds these are all put into [`omni.ja`](./Omni_ja.md).
 
diff --git a/docs/Project_Structure.md b/docs/Project_Structure.md
index 0be4940..257d12c 100644
--- a/docs/Project_Structure.md
+++ b/docs/Project_Structure.md
@@ -27,7 +27,7 @@ root
 |- .github: Issue/PR Template, Github Actions
 |- .prettierignore: Exclude coding style
 |- .prettierrc.json: Coding style
-|- install.ps1: Install script write in powersehll
+|- install.ps1: Install script write in powershell
 |- install.sh: Install script write in bash
 |- package.json: Build setup, package dependency
 |- LEPTON: Meta infos (branch, version)
@@ -47,7 +47,7 @@ Icons are mainly [FirefoxUX/photon-icons](https://github.com/FirefoxUX/photon-ic
 or [microsoft/fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons).  
 Although not yet used, [tabler/tabler-icons](https://github.com/tabler/tabler-icons) and [feathericons/feather](https://github.com/feathericons/feather) can also be referred to.
 
-You can see more in the issue, [Unify icon design langauge #213](https://github.com/black7375/Firefox-UI-Fix/issues/213).
+You can see more in the issue, [Unify icon design language #213](https://github.com/black7375/Firefox-UI-Fix/issues/213).
 
 ## Install Scripts
 ### Meta Info files
diff --git a/docs/README.md b/docs/README.md
index 3b335b2..d1378c4 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,4 +1,4 @@
-# Develper Documents for Firefox Custom
+# Developer Documents for Firefox Custom
 
 <!-- markdown-toc start - Don't edit this section. Run M-x markdown-toc-refresh-toc -->
 **Table of Contents**
@@ -62,7 +62,7 @@ yarn build
 You can check test and css validate:
 ```shell
 ## test - When you make mixin or function
-# __tests__ direcory, You can also find out how to use internal utils.
+# __tests__ directory, You can also find out how to use internal utils.
 yarn test
 
 ## validate - Will be failed, this project uses non-standard features.
@@ -93,7 +93,7 @@ This is a rough guideline. (Not forced)
 ### Basics
 `userChrome.css` file is for browser UI, `userContent.css` file is for web contents.
 
-Unlike [User config](./Preference.md#user-config), they are located in `<FIREFPX_PROFILE>/chrome/`.
+Unlike [User config](./Preference.md#user-config), they are located in `<FIREFOX_PROFILE>/chrome/`.
 
 Start Guide:
 - [What is userChrome.css? What can it do?](https://www.userchrome.org/what-is-userchrome-css.html)
diff --git a/docs/Restrictions.md b/docs/Restrictions.md
index 0194345..c3142a3 100644
--- a/docs/Restrictions.md
+++ b/docs/Restrictions.md
@@ -100,7 +100,7 @@ Many implementations using `::before`, `::after`.
 - [Dynamic Tab Separator](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L3394-L3457)
 - [Static Tab Separator](https://github.com/black7375/Firefox-UI-Fix/blob/0f78a73b856e1335954ecded93d377b85134bd61/userChrome.css#L3387-L3428)
 - [Picture In Picture Indicator](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L3716-L3753)
-- [Contaner Indicator](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L3754-L3852)
+- [Container Indicator](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L3754-L3852)
 
 For icons, [`list-style-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-image) and [`background-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) are available.
 
@@ -127,7 +127,7 @@ Firefox actively uses [shadow dom](https://developer.mozilla.org/en-US/docs/Web/
 
 To modify, it is often a roundabout approach or impossible to inherit.
 
-Onething bypass method is to declare [`var()`](https://developer.mozilla.org/en-US/docs/Web/CSS/var) to shadow root.
+One bypass method is to declare [`var()`](https://developer.mozilla.org/en-US/docs/Web/CSS/var) to shadow root.
 - [Scrollbutton Padding](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userChrome.css#L2906-L2924)
 - [Audio, Video Player UI](https://github.com/black7375/Firefox-UI-Fix/blob/36e9c94844fee2417662251cbd50c2b874d5b576/userContent.css#L5-L47)
 - [Video Player Twoline UI](https://github.com/black7375/Firefox-UI-Fix/blob/cbf14cd55a9edada7ab2f5f1b626608fb9fe38a2/src/contents/_video_player.scss#L68-L171): It is pretty difficult when the condition becomes complicated.
@@ -139,7 +139,7 @@ Another limitation of shadow dom in user style is that you cannot use shadow dom
 - [Bug 1575507 - Shadow parts should work in user-origin stylesheets.](https://bugzilla.mozilla.org/show_bug.cgi?id=1575507)
 
 ### XUL
-Sometimes firefox can use [XUL](https://en.wikipedia.org/wiki/XUL) that have been written and binded with C++ for performance like a treeview of bookmarks.  
+Sometimes firefox can use [XUL](https://en.wikipedia.org/wiki/XUL) that have been written and bound with C++ for performance like a treeview of bookmarks.  
 XUL's [box model](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Tutorial/The_Box_Model) and [DOM](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Tutorial/Document_Object_Model) are different from HTML.
 
 There ar few appropriate documents, so we have to read the source code and work. (Ex. [1](https://github.com/mozilla/gecko-dev/blob/master/layout/style/nsCSSAnonBoxList.h), [2](https://github.com/mozilla/gecko-dev/blob/master/layout/xul/tree/nsITreeView.idl))
@@ -151,7 +151,7 @@ Example of legacy documents that will help.
 - [UDN: ::-moz-tree-cell-text](https://udn.realityripple.com/docs/Mozilla/Gecko/Chrome/CSS/::-moz-tree-cell-text)
 
 Another case.  
-Like [`<toolbar align="end"></toolbar>`](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Attribute/align), [`attributes`](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Attribute) is set and CSS of same property may not be appplied. (Ex. [`box-align: start`](https://udn.realityripple.com/docs/Web/CSS/box-align))
+Like [`<toolbar align="end"></toolbar>`](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Attribute/align), [`attributes`](https://udn.realityripple.com/docs/Archive/Mozilla/XUL/Attribute) is set and CSS of same property may not be applied. (Ex. [`box-align: start`](https://udn.realityripple.com/docs/Web/CSS/box-align))
 
 ### Supports
 [`@supports`](https://developer.mozilla.org/en-US/docs/Web/CSS/@supports) change in CSS is not detected in real time. (Caching after checking only once)  
diff --git a/docs/Rules.md b/docs/Rules.md
index a1cc771..dbb4ce8 100644
--- a/docs/Rules.md
+++ b/docs/Rules.md
@@ -46,7 +46,7 @@ It comes from [#109](https://github.com/black7375/Firefox-UI-Fix/issues/109#issu
 Stable: Only bugfix, Documentation.
 - `master`: Common bugfix, documentation.
 - `photon-style`: Bugfix, documentation specified in `photon-style`.
-- `proton-sryle`: Bugfix, documentation specified in `proton-style`.
+- `proton-style`: Bugfix, documentation specified in `proton-style`.
 
 Development: New Features.
 - `dev`: Common new features.
diff --git a/install.ps1 b/install.ps1
index af21842..eb5ef71 100644
--- a/install.ps1
+++ b/install.ps1
@@ -31,7 +31,7 @@ Shows this help message
 
 .PARAMETER WhatIf
 Runs the installer without actioning any file copies/moves
-Equivelant to a dry-run
+Equivalent to a dry-run
 
 .EXAMPLE
 PS> .\Install.ps1 -u -f C:\Users\someone\ff-profiles
diff --git a/install.sh b/install.sh
index 61b8b4e..185af73 100755
--- a/install.sh
+++ b/install.sh
@@ -185,8 +185,8 @@ write_file() {
 get_ini_section() {
   local filePath="$1"
 
-  local ouput=$(grep -E "^\[" "${filePath}" |sed -e "s/^\[//g" -e "s/\]$//g")
-  echo "${ouput}"
+  local output=$(grep -E "^\[" "${filePath}" |sed -e "s/^\[//g" -e "s/\]$//g")
+  echo "${output}"
 }
 get_ini_value() {
   local filePath="$1"
diff --git a/src/autohide/_infobar.scss b/src/autohide/_infobar.scss
index 65d350a..1d08f61 100644
--- a/src/autohide/_infobar.scss
+++ b/src/autohide/_infobar.scss
@@ -1,6 +1,6 @@
 #tab-notification-deck:not([customizing]) > .notificationbox-stack {
   $infobarFixedHeight: 13px + ((1px + 5px) * 2); // button height + (button border + [button.small-button padding]) * 2
-  // fiexedHeight + (button margin * 2) + messagebar margin
+  // fixedHeight + (button margin * 2) + messagebar margin
   --infobar-height: calc(#{ $infobarFixedHeight } + (var(--infobar-button-vertical-margin, 4px) * 2) + var(--infobar-message-vertical-margin, 8px));
 }
 #tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message {
diff --git a/src/compatibility/_os.scss b/src/compatibility/_os.scss
index c3a3ebf..ffaa84d 100644
--- a/src/compatibility/_os.scss
+++ b/src/compatibility/_os.scss
@@ -196,7 +196,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
       &[sizemode="maximized"] #titlebar {
         appearance: none !important;
 
-        // Prevent sideeffect #370
+        // Prevent side effect #370
         padding-top: 8px; // Don't use margin-top for reserved fullscreen animation
       }
     }
diff --git a/src/compatibility/_theme.scss b/src/compatibility/_theme.scss
index ff7e352..219edf0 100644
--- a/src/compatibility/_theme.scss
+++ b/src/compatibility/_theme.scss
@@ -48,7 +48,7 @@ menu {
 /*= Remove Tab Border ========================================================*/
 @mixin _theme_removeTabBorder($options...) {
   %noneBorder {
-    /* Nigtly 96:  1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
+    /* Nightly 96:  1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
     border: unset !important;
   }
   @each $prefix, $postfix in $options {
diff --git a/src/contents/dark_mode/_addons_org.scss b/src/contents/dark_mode/_addons_org.scss
index 39e8ec5..d5de91c 100644
--- a/src/contents/dark_mode/_addons_org.scss
+++ b/src/contents/dark_mode/_addons_org.scss
@@ -486,7 +486,7 @@
       background: var(--in-content-border-color) !important;
     }
 
-    /* Othres */
+    /* Others */
     #promos .view-button a,
     #upload-file-finish.button,
     #upload-file-widget .button.prominent,
diff --git a/src/contents/proton_contents/_proton_commons.scss b/src/contents/proton_contents/_proton_commons.scss
index 6ce5de0..757bc58 100644
--- a/src/contents/proton_contents/_proton_commons.scss
+++ b/src/contents/proton_contents/_proton_commons.scss
@@ -191,13 +191,13 @@
   richlistbox:focus-visible {
     border-color: transparent !important;
     outline: 2px solid var(--in-content-focus-outline-color) !important;
-    outline-offset: -1px !important; /* Prevents antialising around the corners */
+    outline-offset: -1px !important; /* Prevents antialiasing around the corners */
   }
   input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):-moz-ui-invalid,
   textarea:-moz-ui-invalid {
     border-color: transparent !important;
     outline: 2px solid var(--in-content-border-invalid) !important;
-    outline-offset: -1px !important; /* Prevents antialising around the corners */
+    outline-offset: -1px !important; /* Prevents antialiasing around the corners */
   }
   input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):disabled,
   textarea:disabled,
diff --git a/src/decoration/_animate.scss b/src/decoration/_animate.scss
index 6b969fe..6f79503 100644
--- a/src/decoration/_animate.scss
+++ b/src/decoration/_animate.scss
@@ -144,7 +144,7 @@ xul|search-textbox.tabsFilter,
   from {
     margin-top: 0;
   }
-  /* Dont' use `to`: Depending on density */
+  /* Don't use `to`: Depending on density */
 }
 
 /*- Expand - Synced Tabs ---------------------------------------------------*/
diff --git a/src/fullscreen/_overlap.scss b/src/fullscreen/_overlap.scss
index 387c057..686466f 100644
--- a/src/fullscreen/_overlap.scss
+++ b/src/fullscreen/_overlap.scss
@@ -8,7 +8,7 @@
 }
 
 @include OS($linux) {
-  /* Fix transparent backgorund */
+  /* Fix transparent background */
   :root[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar:not(:-moz-lwtheme) {
     appearance: auto !important;
   }
diff --git a/src/icons/_index.scss b/src/icons/_index.scss
index 90c2e29..6e8855c 100644
--- a/src/icons/_index.scss
+++ b/src/icons/_index.scss
@@ -25,7 +25,7 @@
   }
 }
 
-/** Libray Menu ***************************************************************/
+/** Library Menu ***************************************************************/
 @include Option("userChrome.icon.library") {
   @include Option("userChrome.icon.menu") {
     @import "library";
diff --git a/src/icons/_panel.scss b/src/icons/_panel.scss
index 134724b..cad45e4 100644
--- a/src/icons/_panel.scss
+++ b/src/icons/_panel.scss
@@ -42,14 +42,14 @@
   }
 }
 @include Option("userChrome.icon.panel_sparse") {
-  #appMenu-new-tab-button2,           /* Seperate */
-  #appMenu-passwords-button,          /* Seperate */
+  #appMenu-new-tab-button2,           /* Separate */
+  #appMenu-passwords-button,          /* Separate */
   #appMenu-extensions-themes-button,
-  #appMenu-save-file-button2,         /* Seperate */
+  #appMenu-save-file-button2,         /* Separate */
   #appMenu-find-button2,
-  #appMenu-more-button2,              /* Seperate */
+  #appMenu-more-button2,              /* Separate */
   #appMenu-help-button2,
-  #appMenu-quit-button2               /* Seperate */ {
+  #appMenu-quit-button2               /* Separate */ {
     padding-top: var(--arrowpanel-menuitemblank-padding-block) !important;
     padding-bottom: var(--arrowpanel-menuitemblank-padding-block) !important;
   }
diff --git a/src/icons/context_menu/_others.scss b/src/icons/context_menu/_others.scss
index 453f405..69c256c 100644
--- a/src/icons/context_menu/_others.scss
+++ b/src/icons/context_menu/_others.scss
@@ -147,7 +147,7 @@
 }
 
 /*= textbox-contextmenu ======================================================*/
-/* Browser's Searchbar, Libray's Searchbar, Page Info */
+/* Browser's Searchbar, Library's Searchbar, Page Info */
 .textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
   --menuitem-image: url("../icons/undo.svg");
 }
diff --git a/src/icons/layout/_bookmark_menu.scss b/src/icons/layout/_bookmark_menu.scss
index 98beb65..ea3f2ad 100644
--- a/src/icons/layout/_bookmark_menu.scss
+++ b/src/icons/layout/_bookmark_menu.scss
@@ -1,5 +1,5 @@
 /*= Bookmark Menu - Layout ===================================================*/
-/* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
+/* #goPopup(Legacy of historyMenuPopup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
    * #BMB_bookmarksPopup: looks like arrow panel
    */
 
diff --git a/src/icons/layout/_menu_common.scss b/src/icons/layout/_menu_common.scss
index b7bb0f5..bfe3cc5 100644
--- a/src/icons/layout/_menu_common.scss
+++ b/src/icons/layout/_menu_common.scss
@@ -1,6 +1,6 @@
 //-- Variables -----------------------------------------------------------------
 // Items
-// .menu-iconic, .menuitem-iconic: Alreay exist, not target.
+// .menu-iconic, .menuitem-iconic: Already exist, not target.
 // .in-menulist: Not a range because it is a select menu of web content.
 // [checked="true"]: There should be a check mark instead of an icon.
 $_iconNoneCommon: ".in-menulist, [checked=\"true\"]";
diff --git a/src/leptonChrome.scss b/src/leptonChrome.scss
index dc06906..c85ac2b 100644
--- a/src/leptonChrome.scss
+++ b/src/leptonChrome.scss
@@ -13,7 +13,7 @@
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 @namespace html "http://www.w3.org/1999/xhtml";
 
-/** Default Thme - Contrast ***************************************************/
+/** Default Theme - Contrast ***************************************************/
 @include Option("userChrome.theme.built_in_contrast") {
   @import "theme/built_in";
 }
diff --git a/src/library/_folder_icons.scss b/src/library/_folder_icons.scss
index 9b33496..931b7e8 100644
--- a/src/library/_folder_icons.scss
+++ b/src/library/_folder_icons.scss
@@ -3,7 +3,7 @@
 :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu) .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer]),
 /* in Sidebar, Library, Add/Edit Bookmark dialog */
 /* https://github.com/rillian/firefox/blob/1f88437d263f56bdede4f20f69ba9c7b62f57001/layout/style/nsCSSAnonBoxList.h#L85-L98 */
-/* Need to overide!!, can not use :not() */
+/* Need to override!!, can not use :not() */
 :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, container),
 #editBMPanel_folderMenuList:not([selectedGuid="toolbar_____"], [selectedGuid="menu________"]),
 #editBMPanel_folderMenuList .folder-icon:not([id]),
@@ -69,7 +69,7 @@
   list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
 }
 
-/* Boomark */
+/* Bookmark */
 :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
   list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
 }
@@ -111,7 +111,7 @@
   list-style-image: url("../icons/tag-open.svg") !important;
 }
 
-/* Boomark */
+/* Bookmark */
 :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
   list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
 }
diff --git a/src/library/_proton_contents.scss b/src/library/_proton_contents.scss
index 9753ce8..595c684 100644
--- a/src/library/_proton_contents.scss
+++ b/src/library/_proton_contents.scss
@@ -99,7 +99,7 @@ menuitem[type="checkbox"] {
   }
 }
 
-/*- Menu Separtor --------------------------------------------------------*/
+/*- Menu Separator --------------------------------------------------------*/
 menuseparator {
   appearance: none !important;
   min-width: 2px;
diff --git a/src/rounding/_square.scss b/src/rounding/_square.scss
index 10d9ab7..139f7bb 100644
--- a/src/rounding/_square.scss
+++ b/src/rounding/_square.scss
@@ -12,7 +12,7 @@
   }
 }
 @include Option("userChrome.rounding.square_tab", "userChrome.round.square_button") {
-  /* Fix Tab bar button radious */
+  /* Fix Tab bar button radius */
   #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-icon,
   #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
   #TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack,
diff --git a/src/tab/_unselected_tab.scss b/src/tab/_unselected_tab.scss
index df326bb..6332380 100644
--- a/src/tab/_unselected_tab.scss
+++ b/src/tab/_unselected_tab.scss
@@ -1,5 +1,5 @@
 /*= Unselected Tab - Dynamic Separator =======================================*/
-@include Option("userChrome.tab.dynamic_separtor") {
+@include Option("userChrome.tab.dynamic_separator") {
   @import "unselected_tab/dynamic_separator";
 }
 
diff --git a/src/tab/newtab_button/_looks_like_tab.scss b/src/tab/newtab_button/_looks_like_tab.scss
index bdda2a6..a989aae 100644
--- a/src/tab/newtab_button/_looks_like_tab.scss
+++ b/src/tab/newtab_button/_looks_like_tab.scss
@@ -1,11 +1,11 @@
 #tabs-newtab-button {
   /* Original:
     margin: 0 0 var(--tabs-navbar-shadow-size) !important
-    => Can't ovrride style. Therefore, we should approach it by bypass.
+    => Can't override style. Therefore, we should approach it by bypass.
     */
   --tabs-navbar-shadow-size: -1px; /* Original: 1px */
   --tabs-navbar-original-shadow-size: 1px;
-  --tab-corner-rounding: 4px; /* Hardcorded */
+  --tab-corner-rounding: 4px; /* Hardcoded */
 
   /* Size */
   -moz-box-align: stretch !important;
@@ -39,7 +39,7 @@
         in srgb,
         $accentTextColor 10%,
         transparent
-      ) !important; /* Hardcorded for compatibility */
+      ) !important; /* Hardcoded for compatibility */
     }
     :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #tabs-newtab-button:hover:active,
     :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #tabs-newtab-button:hover:active {
@@ -47,7 +47,7 @@
         in srgb,
         $accentTextColor 15%,
         transparent
-      ) !important; /* Hardcorded for compatibility */
+      ) !important; /* Hardcoded for compatibility */
     }
   }
 }
diff --git a/src/tab/newtab_button/_smaller_button.scss b/src/tab/newtab_button/_smaller_button.scss
index e992373..f7ab49c 100644
--- a/src/tab/newtab_button/_smaller_button.scss
+++ b/src/tab/newtab_button/_smaller_button.scss
@@ -1,7 +1,7 @@
 #tabs-newtab-button > .toolbarbutton-icon {
   margin-left: 1px;
 
-  /* Origianl: calc((var(--tab-min-height) - 16px) / 2) = 10px */
+  /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
   --toolbarbutton-inner-padding: 6px;
 }
 :root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
diff --git a/src/tab/selected_tab/_bottom_rounded_corner.scss b/src/tab/selected_tab/_bottom_rounded_corner.scss
index ff0bec3..4fc717a 100644
--- a/src/tab/selected_tab/_bottom_rounded_corner.scss
+++ b/src/tab/selected_tab/_bottom_rounded_corner.scss
@@ -58,7 +58,7 @@ tab[visuallyselected] > stack::after {
   /* Fill color for GTK */
   :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::before,
   :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after {
-    /* As GTK Toolbar's background-color + backround-image
+    /* As GTK Toolbar's background-color + background-image
        * --toolbar-non-lwt-bgcolor: -moz-dialog;
        * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
        */
diff --git a/src/tab/selected_tab/_box_shadow.scss b/src/tab/selected_tab/_box_shadow.scss
index 00d28d2..1c29fc7 100644
--- a/src/tab/selected_tab/_box_shadow.scss
+++ b/src/tab/selected_tab/_box_shadow.scss
@@ -3,7 +3,7 @@
   .tabbrowser-tab[visuallyselected="true"]:not(:focus)
   > .tab-stack
   > .tab-background:-moz-lwtheme {
-  /* Origina: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
+  /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
        Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
   box-shadow: 0 0 1px var(--toolbar-color) !important;
 }
diff --git a/src/tab/selected_tab/_photon_like_contextline.scss b/src/tab/selected_tab/_photon_like_contextline.scss
index 6863996..fd1d26b 100644
--- a/src/tab/selected_tab/_photon_like_contextline.scss
+++ b/src/tab/selected_tab/_photon_like_contextline.scss
@@ -37,7 +37,7 @@
   background-color: rgba(255, 255, 255, 0.2) !important;
 }
 
-/* Prevent identitiy color flashing */
+/* Prevent identity color flashing */
 .tabbrowser-tab[usercontextid] .tab-context-line {
   --identity-icon-color: none;
 }
diff --git a/src/tabbar/_on_bottom.scss b/src/tabbar/_on_bottom.scss
index 6011748..0bcf567 100644
--- a/src/tabbar/_on_bottom.scss
+++ b/src/tabbar/_on_bottom.scss
@@ -36,7 +36,7 @@ See the above repository for updates as well as full license text. */
   }
 }
 
-/*= Tabbar - Hidden at singgle tab ===========================================*/
+/*= Tabbar - Hidden at single tab ===========================================*/
 @include Option("userChrome.tabbar.on_bottom.hidden_single_tab") {
   #tabbrowser-tabs .tabbrowser-tab:only-of-type {
     display: none !important;
diff --git a/src/theme/_proton_color.scss b/src/theme/_proton_color.scss
index cc44b85..27f547a 100644
--- a/src/theme/_proton_color.scss
+++ b/src/theme/_proton_color.scss
@@ -25,7 +25,7 @@
   --in-content-link-color-hover: var(--blue-70);
   --in-content-link-color-active: var(--blue-80);
   --in-content-link-color-visited: var(--blue-60);
-  /* button background states are also used for checkboxes and radiobuttons */
+  /* button background states are also used for checkboxes and radio buttons */
   --in-content-button-text-color: var(--in-content-text-color);
   --in-content-button-text-color-hover: var(--in-content-text-color);
   --in-content-button-background: rgba(207, 207, 216, 0.33);
diff --git a/src/theme/proton_chrome/_cert.scss b/src/theme/proton_chrome/_cert.scss
index 152e45f..dcb55fa 100644
--- a/src/theme/proton_chrome/_cert.scss
+++ b/src/theme/proton_chrome/_cert.scss
@@ -7,7 +7,7 @@
   }
 }
 
-/*= Cert Exeption Dialog =====================================================*/
+/*= Cert Exception Dialog =====================================================*/
 @-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
 {
   #locationTextBox {
@@ -25,12 +25,12 @@
     &:focus {
       border-color: transparent !important;
       outline: 2px solid var(--in-content-focus-outline-color) !important;
-      outline-offset: -1px !important; /* Prevents antialising around the corners */
+      outline-offset: -1px !important; /* Prevents antialiasing around the corners */
     }
     &:-moz-ui-invalid {
       border-color: transparent !important;
       outline: 2px solid var(--in-content-border-invalid) !important;
-      outline-offset: -1px !important; /* Prevents antialising around the corners */
+      outline-offset: -1px !important; /* Prevents antialiasing around the corners */
     }
     &:disabled {
       opacity: 0.4 !important;
diff --git a/src/theme/system_default_theme/_mac.scss b/src/theme/system_default_theme/_mac.scss
index a63537a..b3a2900 100644
--- a/src/theme/system_default_theme/_mac.scss
+++ b/src/theme/system_default_theme/_mac.scss
@@ -59,12 +59,12 @@
     --toolbar-bgcolor: var(--mac-selected-bgcolor) !important;
     --toolbar-non-lwt-bgcolor: var(--mac-selected-bgcolor) !important;
 
-    /* Field Backround Color */
+    /* Field Background Color */
     --input-bgcolor: var(--mac-field-bgcolor) !important;
     --toolbar-field-background-color: var(--mac-field-bgcolor) !important;
     --tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important;
 
-    /* Panel Backround Color */
+    /* Panel Background Color */
     --arrowpanel-background: var(--mac-panel-bgcolor) !important;
 
     /* Hover Background Color  */
@@ -108,7 +108,7 @@
       --autocomplete-popup-separator-color: var(--mac-bgcolor) !important;
      */
 
-    /* Accent Color Forground */
+    /* Accent Color Foreground */
     --button-primary-color: var(--mac-primary-button-color) !important;
     --checkbox-checked-color: var(--mac-primary-button-color) !important;
 
diff --git a/src/theme/system_default_theme/_win10.scss b/src/theme/system_default_theme/_win10.scss
index 0024cc7..1bd608e 100644
--- a/src/theme/system_default_theme/_win10.scss
+++ b/src/theme/system_default_theme/_win10.scss
@@ -12,17 +12,17 @@
     --win-field-bgcolor: #ffffff;
     --win-component-bgcolor: #f2f2f2;
     --win-border-color: #8a8a8a;
-    --win-tab-seperator-color: #a3a3a3;
+    --win-tab-separator-color: #a3a3a3;
     --win-sidebar-bgcolor: #e6e6e6;
     --win-sidebar-hover-bgcolor: #cfcfcf;
     --win-sidebar-button-hover-bgcolor: #b8b8b8;
     --win-sidebar-button-hover-active-bgcolor: #a3a3a3;
     --win-button-border: #747474;
-    --win-shorcut-text-color: #757575;
+    --win-shortcut-text-color: #757575;
     --win-error-color: #b31616;
     --win-red-border-color: #ff4343;
     @include AccentColor {
-      --win-accent-forground-color: #{$accentTextColor};
+      --win-accent-foreground-color: #{$accentTextColor};
       --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, #{$accentColor});
       --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, #{$accentColor});
       --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, #{$accentColor});
@@ -42,13 +42,13 @@
       --win-field-bgcolor: #373737;
       --win-component-bgcolor: #171717;
       --win-border-color: #5b5b5b;
-      --win-tab-seperator-color: #555555;
+      --win-tab-separator-color: #555555;
       --win-sidebar-bgcolor: #1f1f1f;
       --win-sidebar-hover-bgcolor: #353535;
       --win-sidebar-button-hover-bgcolor: #353535;
       --win-sidebar-button-hover-active-bgcolor: #4c4c4c;
       --win-button-border: #8f8f8f;
-      --win-shorcut-text-color: #adadad;
+      --win-shortcut-text-color: #adadad;
       --win-error-color: #ffb900;
       --win-red-border-color: #ff4343;
       @include AccentColor {
@@ -85,8 +85,8 @@
     --download-progress-paused-color: var(--win-disabled-color) !important;
 
     /* Text Shortcut Color */
-    --panel-shortcut-color: var(--win-shorcut-text-color) !important;
-    --panel-description-color: var(--win-shorcut-text-color) !important;
+    --panel-shortcut-color: var(--win-shortcut-text-color) !important;
+    --panel-description-color: var(--win-shortcut-text-color) !important;
 
     /* Title Background */
     --lwt-accent-color: var(--win-bgcolor) !important;
@@ -103,10 +103,10 @@
     /* Border Color */
     // --menu-border-color: var(--win-border-color) !important;
 
-    /* Seperator */
-    --toolbarseparator-color: var(--win-tab-seperator-color) !important;
+    /* Separator */
+    --toolbarseparator-color: var(--win-tab-separator-color) !important;
 
-    /* Field Backround Color */
+    /* Field Background Color */
     --input-bgcolor: var(--win-field-bgcolor) !important;
     --toolbar-field-background-color: var(--win-field-bgcolor) !important;
     --toolbar-field-focus-background-color: var(--win-field-bgcolor) !important;
@@ -145,9 +145,9 @@
     --input-border-color: var(--win-button-border) !important;
     --autocomplete-popup-separator-color: var(--win-button-border) !important;
 
-    /* Accent Forground Color */
-    --button-primary-color: var(--win-accent-forground-color) !important;
-    --checkbox-checked-color: var(--win-accent-forground-color) !important;
+    /* Accent Foreground Color */
+    --button-primary-color: var(--win-accent-foreground-color) !important;
+    --checkbox-checked-color: var(--win-accent-foreground-color) !important;
 
     /* Accent Color */
     --button-primary-bgcolor: var(--win-accent-color) !important;
diff --git a/src/utils/_each.scss b/src/utils/_each.scss
index 06d7b44..c2c5691 100644
--- a/src/utils/_each.scss
+++ b/src/utils/_each.scss
@@ -3,13 +3,13 @@
 @use "list" as list-utils;
 
 $_defaultOption: (
-  "seperator": ", ",
+  "separator": ", ",
   "quoted": false
 );
 
 @mixin AtEach($name, $list, $prefix: null, $option: $_defaultOption) {
   $option: map.merge($_defaultOption, $option);
-  $seperator: map.get($option, "seperator");
+  $separator: map.get($option, "separator");
   $quoted: map.get($option, "quoted");
   $quoted: if($quoted, "\"", null);
 
@@ -21,7 +21,7 @@ $_defaultOption: (
       @if $listL > 1 {
         @for $i from 2 through ($listL) {
           $nextBlock: list.nth($list, $i);
-          $nextBlock: "#{$seperator}#{$prefix}(#{$quoted}#{$nextBlock}#{$quoted})";
+          $nextBlock: "#{$separator}#{$prefix}(#{$quoted}#{$nextBlock}#{$quoted})";
           $blocks: "#{$blocks}#{$nextBlock}";
         }
       }
diff --git a/src/utils/_option.scss b/src/utils/_option.scss
index 3311464..b23fac6 100644
--- a/src/utils/_option.scss
+++ b/src/utils/_option.scss
@@ -1,13 +1,13 @@
 @use "each";
 
 @mixin Option($optionNames...) {
-  @include each.AtEach("supports", $optionNames, "-moz-bool-pref", ("seperator": " or ", "quoted": true)) {
+  @include each.AtEach("supports", $optionNames, "-moz-bool-pref", ("separator": " or ", "quoted": true)) {
     @content;
   }
 }
 
 @mixin NotOption($optionNames...) {
-  @include each.AtEach("supports", $optionNames, "not -moz-bool-pref", ("seperator": " or ", "quoted": true)) {
+  @include each.AtEach("supports", $optionNames, "not -moz-bool-pref", ("separator": " or ", "quoted": true)) {
     @content;
   }
 }
diff --git a/user.js b/user.js
index 1b1c842..820bc87 100644
--- a/user.js
+++ b/user.js
@@ -39,7 +39,7 @@ user_pref("userChrome.tab.color_like_toolbar",         true); // Original, Photo
 user_pref("userChrome.tab.lepton_like_padding",        true); // Original
 user_pref("userChrome.tab.photon_like_padding",       false); // Photon
 
-user_pref("userChrome.tab.dynamic_separtor",           true); // Original, Proton
+user_pref("userChrome.tab.dynamic_separator",           true); // Original, Proton
 user_pref("userChrome.tab.static_separator",          false); // Photon
 user_pref("userChrome.tab.static_separator.selected_accent", false); // Just option
 
@@ -64,7 +64,7 @@ user_pref("userChrome.rounding.square_tab",           false);
 // user_pref("userChrome.compatibility.covered_header_image", true);
 // user_pref("userChrome.compatibility.panel_cutoff",         true);
 // user_pref("userChrome.compatibility.navbar_top_border",    true);
-// user_pref("userChrome.compatibility.dynamic_separator",    true); // Need dynamic_seperator
+// user_pref("userChrome.compatibility.dynamic_separator",    true); // Need dynamic_separator
 
 // user_pref("userChrome.compatibility.os.linux_non_native_titlebar_button", true);
 // user_pref("userChrome.compatibility.os.windows_maximized", true);
@@ -255,7 +255,7 @@ user_pref("general.smoothScroll.currentVelocityWeighting", "0.15"); //   "0.25"
 user_pref("general.smoothScroll.stopDecelerationWeighting", "0.6"); //    "0.4"
 */
 
-// == Smooth Scroling ==========================================================
+// == Smooth Scrolling ==========================================================
 // ** Scrolling Options ********************************************************
 // based on natural smooth scrolling v2 by aveyo
 // this preset will reset couple extra variables for consistency