firefox: add lepton stuff

4 files changed, 116 insertions, 3994 deletions

diff --git a/.mozilla/firefox/wr7p23up.default-nightly/chrome/Makefile b/.mozilla/firefox/wr7p23up.default-nightly/chrome/Makefile
new file mode 100644
index 0000000..3e5c8d6
--- /dev/null
+++ b/.mozilla/firefox/wr7p23up.default-nightly/chrome/Makefile
@@ -0,0 +1,14 @@
+STYLE := proton-style
+
+all: fetch patch
+
+.PHONY: fetch
+fetch:
+	@echo Fetching lepton...
+	curl -sSL "https://github.com/black7375/Firefox-UI-Fix/raw/${STYLE}/css/leptonChrome.css" -o lepton.userChrome.css
+	curl -sSL "https://github.com/black7375/Firefox-UI-Fix/raw/${STYLE}/css/leptonContent.css" -o lepton.userContent.css
+
+.PHONY: patch
+patch:
+	@echo Patching lepton...
+	patch -p1 --reject-file - < lepton.patch
diff --git a/.mozilla/firefox/wr7p23up.default-nightly/chrome/lepton.patch b/.mozilla/firefox/wr7p23up.default-nightly/chrome/lepton.patch
new file mode 100644
index 0000000..d637994
--- /dev/null
+++ b/.mozilla/firefox/wr7p23up.default-nightly/chrome/lepton.patch
@@ -0,0 +1,27 @@
+--- ./lepton.userChrome.css	2022-05-24 23:50:09.178033305 +0200
++++ ./lepton.userChrome.css	2022-05-24 23:49:33.843031418 +0200
+@@ -24,7 +24,6 @@
+   /*= Darkmode - 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;
+     /* Original: rgba(43, 42, 51, 1) */
+   }
+ }
+@@ -3325,15 +3324,13 @@
+ @supports -moz-bool-pref("userChrome.padding.urlbar") {
+   :root:not([uidensity="touch"]) #urlbar-container,
+   :root:not([uidensity="touch"]) #search-container {
+-    padding-block: 3px !important;
+     /* Original: 4px */
+-    margin-inline: 5px !important;
+     /* Original: 5px */
+   }
+ 
+   :root:not([uidensity="compact"]) #urlbar-container,
+   :root:not([uidensity="compact"]) #search-container {
+-    padding-block: 2px !important;
++    /* noop */
+   }
+ 
+   /* spread menu */
diff --git a/.mozilla/firefox/wr7p23up.default-nightly/chrome/userChrome.css b/.mozilla/firefox/wr7p23up.default-nightly/chrome/userChrome.css
index c8aa343..ff39340 100644
--- a/.mozilla/firefox/wr7p23up.default-nightly/chrome/userChrome.css
+++ b/.mozilla/firefox/wr7p23up.default-nightly/chrome/userChrome.css
@@ -1,61 +1,88 @@
 /* vim: foldmethod=marker
  */
+
+@import url(lepton.userChrome.css);
+
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 @namespace html "http://www.w3.org/1999/xhtml";
 
-:root[lwtheme-mozlightdark][lwthemetextcolor="bright"] {
-  /* only aplies to the light/dark themes, not alpenglow */
-  --toolbar-bgcolor: #040405 !important;
+@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
+  :root {
+    --toolbar-non-lwt-bgcolor: #040405 !important;
+    --toolbar-bgcolor: #040405 !important;
+    --toolbar-color: #fffffb !important;
+  }
 }
 
 :root {
   --urlbar-box-bgcolor: var(--toolbar-bgcolor) !important;
   --urlbar-icon-fill-opacity: 0.8 !important;
   --arrowpanel-background: var(--toolbar-bgcolor) !important;
+
+  --chrome-content-separator-color: #70649ab0 !important;
 }
 
-body {
-  background-color: var(--toolbar-bgcolor) !important;
+* {
+  font-family: Iosevka Aile, Sarasa Fixed J, monospace !important;
 }
 
 #titlebar {
   display: none !important;
 }
 
-/* Various mods to make the urlbar look nice {{{
+/* Makes urlbar and many other things sharper on the edges */
+:root {
+  --any-border-radius: 0;
+  --toolbarbutton-border-radius: var(--any-border-radius) !important;
+  --urlbar-icon-border-radius: var(--any-border-radius) !important;
+  --arrowpanel-menuitem-border-radius: var(--any-border-radius) !important;
+  --arrowpanel-border-radius: var(--any-border-radius) !important;
+}
+menupopup, panel {
+  --panel-padding: 0 !important;
+  --panel-border-radius: var(--any-border-radius) !important;
+}
+.dialogBox {
+  border-radius: var(--any-border-radius) !important;
+}
+
+/* Hide the back and forward buttons */
+#main-window :-moz-any(#back-button, #forward-button) {
+  display: none !important;
+}
+
+/* Disable statuspanel completely, remove this if you want to keep the statuspanel */
+statuspanel {
+  display: none !important;
+}
+
+/* = URLBAR STUFF =========================================================== */
+
 #urlbar-container {
   --urlbar-container-height: 29px !important;
   --urlbar-container-padding: 0px !important;
-  --lwt-toolbar-field-background-color: transparent !important;
-
-  /* padding-block: 0 !important; */
-  margin-left: 0 !important;
+  /* --lwt-toolbar-field-background-color: transparent !important; */
 }
-
 #urlbar {
   --urlbar-height: var(--urlbar-container-height) !important;
   --urlbar-toolbar-height: var(--urlbar-container-height) !important;
 }
-
-#urlbar:not([focused="true"]) > #urlbar-background {
-  background-color: transparent !important;
-}
-
 #urlbar-background {
   border: none !important;
 }
+#urlbar:not([focused="true"]) > #urlbar-background {
+  background-color: transparent !important;
+}
 
 #urlbar-input-container {
   padding-right: 5px !important;
   border: none !important;
 }
-
 #urlbar-results,
 .urlbarView-row {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
 }
-
 .search-one-offs {
   padding-block: 0px !important;
 }
@@ -66,45 +93,54 @@ body {
   margin: 0px !important;
 }
 
+
+/* hide the bookmark button */
 #star-button-box,
 #pageActionSeparator {
   display: none !important;
 }
 
+/* make sure the lock icon aligns with the collapsed sidebar */
+#urlbar-container {
+  padding-block: 0 !important;
+  margin-left: 0 !important;
+}
+#tracking-protection-icon-container {
+	padding: 0 6px !important;
+}
 #identity-box {
   margin-inline-start: var(--identity-box-margin-inline);
 }
-
 #tracking-protection-icon-container {
   padding-left: 8px !important;
 }
-/* }}} */
 
+/* = SIDEBAR STUFF ========================================================== */
 
-/** sidebar that collapses when not hovered {{{ */
+/* sidebar that collapses when not hovered */
+:root {
+  --thin-tab-width: 31px;
+  --wide-tab-width: 280px;
+}
 #sidebar {
   max-width: none !important;
   min-width: 0 !important;
   margin-left: 0 !important;
 }
-
 #sidebar-box+#sidebar-splitter {
   display: none !important;
 }
-
-:root {
-  --thin-tab-width: 29px;
-  --wide-tab-width: 280px;
-}
-
 #sidebar-box {
   overflow-x: hidden !important;
   position: relative !important;
   transition: all 40ms !important;
   min-width: var(--thin-tab-width) !important;
   max-width: var(--thin-tab-width) !important;
-  border-right: 1px solid var(--sidebar-border-color);
-  opacity: 0.4 !important;
+
+  border-right: 1px solid var(--chrome-content-separator-color);
+
+  /* fix collapsed sidebar background-color */
+  background-color: var(--toolbar-bgcolor) !important;
 }
 
 #sidebar-box #sidebar,#sidebar-box:hover {
@@ -119,3971 +155,11 @@ body {
 #sidebar-box:hover {
   margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1) !important;
 }
-
-/* 
- * Alternatively, for TST users; Disables the sidebar header just for TreeStyleTabs sidebar.
- */
-/* #sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-header { */
+/* hide sidebar header */
 #sidebar-header {
   visibility: collapse;
 }
-
 /* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
 #sidebar-splitter {
-  display: none;
-}
-
-/* make sure the lock icon aligns with the collapsed sidebar */
-#tracking-protection-icon-container {
-	padding: 0 6px !important;
-}
-/** sidebar that collapses when not hovered }}} */
-
-/*
- * Makes urlbar and many other things sharper on the edges {{{
- *
- * Contributor(s): DrPugsley
- */
-:root {
-  --toolbarbutton-border-radius: 0 !important;
-  --urlbar-icon-border-radius: 0 !important;
-}
-/* }}} */
-
-/*
- * Description: Hide the status panel at the bottom of the browser which shows the current activity. As it is too fast to read anyway. Makes the browser look much nicer. {{{
- *
- * Contributor(s): Amar Singh, source https://support.mozilla.org/en-US/questions/976248
- */
-
-/* Disable statuspanel completely, remove this if you want to keep the statuspanel */
-statuspanel {
-  display: none !important;
-}
-/* }}} */
-
-/*
- * Hide the back and forward buttons {{{
- *
- * Contributor(s): Madis0, Timvde
- */
-#main-window :-moz-any(#back-button, #forward-button) {
-  display: none !important;
-}
-/* }}} */
-
-/* lepton {{{
- * see https://github.com/black7375/Firefox-UI-Fix
- */
-@media (-moz-proton) {
-  /** Default Theme - Contrast {{{ */
-  /*= Lightmode - Color darker ===============================================*/
-  :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) {
-    --lwt-accent-color: rgb(229, 229, 235) !important; /* Original: rgb(240, 240, 244) */
-  }
-  @media not all and ((-moz-os-version: windows-win7) or (-moz-os-version: windows-win8) or (-moz-gtk-csd-available)) {
-    /*  Level 4  */
-    :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox {
-      background-color: var(--lwt-accent-color) !important;
-    }
-  }
-
-  /** Default Theme - Contrast }}} */
-
-  /** Theme - Compatibility {{{ */
-  /*= Hotfix #98 =============================================================*/
-  /* Hidden Tab Panel Padding */
-  #allTabsMenu-hiddenTabsView .all-tabs-item {
-    margin-inline: 8px;
-    border-radius: 0/* 4px */;
-  }
-
-  /*= Identity Popup Icon Crop ===============================================*/
-  .identity-popup-security-connection.identity-button {
-    padding-block: 1px !important;
-  }
-
-  /*= Zoom in button's plus icon horizontal rate =============================*/
-  #customization-palette-container #zoom-in-button > .toolbarbutton-icon,
-  #customization-panel-container #zoom-in-button > .toolbarbutton-icon,
-  #widget-overflow-mainView #zoom-in-button > .toolbarbutton-icon {
-    padding-inline-start: 0px !important;
-  }
-
-  /*= Icon Fill Color ========================================================*/
-  :root:-moz-lwtheme {
-    /* Auto create --lwt-toolbarbutton-icon-fill-attention, fix for nightly default theme
-       Default Color: rgb(0,97,224) -> rgb(0, 120, 215) for more light
-     */
-    --lwt-toolbarbutton-icon-fill-attention: var(--button-primary-bgcolor, rgb(0, 120, 215));
-  }
-
-  /*= Remove Tab Border ======================================================*/
-  /* Light Theme */
-  #TabsToolbar:not([brighttext])
-    #tabbrowser-tabs:not([noshadowfortests])
-    .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
-    > .tab-stack
-    > .tab-background {
-    border: unset !important; /* Nigtly 96:  1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
-  }
-
-  /* Dark Theme */
-  #TabsToolbar[brighttext]
-    #tabbrowser-tabs:not([noshadowfortests])
-    .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
-    > .tab-stack
-    > .tab-background:-moz-lwtheme {
-    border: unset !important; /* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)) */
-  }
-
-  /*= Light Weight Theme =====================================================*/
-  /* Header Image */
-  :root[lwtheme-image] {
-    background-image: var(--lwt-header-image) !important; /* Original: var(--lwt-header-image) */
-    background-repeat: no-repeat !important;
-    background-position: right top !important;
-  }
-  @media (min-width: 2500px) {
-    :root[lwtheme-image] {
-      background-size: contain;
-    }
-  }
-  :root[lwtheme-image] #navigator-toolbox:-moz-lwtheme {
-    background-image: var(
-      --lwt-additional-images
-    ) !important; /* Original: var(--lwt-header-image), var(--lwt-additional-images); */
-    background-repeat: var(--lwt-background-tiling) !important;
-    background-position: var(--lwt-background-alignment) !important;
-    background-color: unset !important; /* Original:  var(--lwt-accent-color) */
-  }
-
-  /* Navbar Border */
-  #navigator-toolbox:-moz-lwtheme {
-    --tabs-border-color: rgba(0, 0, 0, 0.3);
-  }
-  /** Theme - Compatibility }}} */
-
-  /** OS - Compatibility {{{ */
-  /*= Linux - Global Menubar Active Color ====================================*/
-  @media (-moz-gtk-csd-available) {
-    #main-menubar > menu[open="true"],
-    #main-menubar > menu[_moz-menuactive="true"] {
-      color: inherit !important; /* Original: -moz-menubarhovertext */
-      background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */
-    }
-  }
-
-  /*= Linux - Light System Default Theme's Selected Tab ======================*/
-  @media (-moz-gtk-csd-available) and (-moz-toolbar-prefers-color-scheme: light),
-    (-moz-gtk-csd-available) and (prefers-color-scheme: light) {
-    /* Because of
-    #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
-      border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9));
-      box-shadow: 0 0 4px rgba(128,128,142,0.5);
-    }
-   */
-    #tabbrowser-tabs:not([noshadowfortests])
-      .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
-      > .tab-stack
-      > .tab-background:not(:-moz-lwtheme) {
-      box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important;
-    }
-    #TabsToolbar:not([brighttext])
-      #tabbrowser-tabs:not([noshadowfortests])
-      .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
-      > .tab-stack
-      > .tab-background:not(:-moz-lwtheme) {
-      box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important;
-    }
-  }
-  /** OS - Compatibility }}} */
-
-  /** System Default Theme {{{ */
-  /*= Common - URL Bar focus color ===========================================*/
-  @media (-moz-windows-accent-color-in-titlebar), (-moz-gtk-csd-available) {
-    /* URL Bar */
-    :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme),
-    :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) {
-      --focus-outline-color: -moz-accent-color !important;
-    }
-
-    :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #urlbar[open] > #urlbar-background,
-    :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive)
-      #urlbar[open]
-      > #urlbar-background {
-      border-color: color-mix(
-        in srgb,
-        -moz-accent-color 50%,
-        transparent
-      ) !important; /* Like: --toolbar-field-focus-border-color */
-    }
-  }
-
-  /*= GTK - URL View url accent color ========================================*/
-  @media (-moz-gtk-csd-available) {
-    :root:not(:-moz-lwtheme) .urlbarView-url {
-      --urlbar-popup-url-color: -moz-accent-color;
-    }
-
-    /* Nightly Compatibility */
-    :root:not(:-moz-lwtheme) #urlbar {
-      --toolbar-field-focus-color: var(--toolbar-field-color); /* Nightly: rgba(0, 0, 0, 1)  */
-      --toolbar-field-focus-background-color: var(--toolbar-field-background-color); /* Nightly: white */
-    }
-  }
-  /** System Default Theme }}} */
-
-  /** Fully Theme Mode {{{ */
-  /* Default Themes
-     https://github.com/mozilla/gecko-dev/blob/master/toolkit/mozapps/extensions/default-theme/manifest.json
-     https://github.com/mozilla/gecko-dev/blob/master/browser/themes/addons/light/manifest.json
-     https://github.com/mozilla/gecko-dev/blob/master/browser/themes/addons/dark/manifest.json
-  */
-
-  /*= Default Colors - Hard Coded ============================================*/
-  /* Based on chrome://global/skin/in-content/common.css */
-  :host,
-  :root {
-    --in-content-page-color: rgb(21, 20, 26);
-    --in-content-page-background: #fff;
-    --in-content-text-color: var(--in-content-page-color);
-    --in-content-deemphasized-text: rgb(91, 91, 102);
-    --in-content-box-background: #fff;
-    --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */
-    --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
-    --in-content-box-info-background: #f0f0f4;
-    --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent);
-    --in-content-item-hover-text: var(--in-content-page-color);
-    --in-content-item-selected: var(--in-content-primary-button-background);
-    --in-content-item-selected-text: var(--in-content-primary-button-text-color);
-    --in-content-icon-color: rgb(91, 91, 102);
-    --in-content-accent-color: #0a84ff;
-    --in-content-accent-color-active: #0060df;
-    --in-content-border-hover: var(--grey-90-a50);
-    --in-content-border-invalid: var(--red-50);
-    --in-content-border-color: #d7d7db;
-    --in-content-error-text-color: #c50042;
-    --in-content-link-color: var(--blue-60);
-    --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 */
-    --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);
-    --in-content-button-background-hover: rgba(207, 207, 216, 0.66);
-    --in-content-button-background-active: rgb(207, 207, 216);
-    --in-content-primary-button-text-color: rgb(251, 251, 254);
-    --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color);
-    --in-content-primary-button-background: #0061e0;
-    --in-content-primary-button-background-hover: #0250bb;
-    --in-content-primary-button-background-active: #053e94;
-    --in-content-danger-button-background: #e22850;
-    --in-content-danger-button-background-hover: #c50042;
-    --in-content-danger-button-background-active: #810220;
-    --in-content-focus-outline-color: var(--in-content-primary-button-background);
-
-    /* Note: 1px smaller than we want because we have a 1px transparent border. */
-    /* Once proton ships, these can probably stop being variables. */
-    --in-content-button-border-radius: 0/* 4px */;
-    --in-content-button-horizontal-padding: 15px;
-    --in-content-button-vertical-padding: 7px;
-
-    --in-content-table-background: #f8f8fa;
-    --in-content-table-border-dark-color: #d1d1d1;
-    --in-content-table-header-background: #0a84ff;
-    --in-content-table-header-color: #ffffff;
-    --in-content-sidebar-width: 240px;
-
-    --dialog-warning-text-color: var(--red-60);
-
-    --checkbox-border-color: var(--in-content-box-border-color);
-    --checkbox-unchecked-bgcolor: var(--in-content-button-background);
-    --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
-    --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
-    --checkbox-checked-bgcolor: var(--in-content-primary-button-background);
-    --checkbox-checked-color: var(--in-content-primary-button-text-color);
-    --checkbox-checked-border-color: transparent;
-    --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
-    --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
-    --blue-40: #45a1ff;
-    --blue-50: #0a84ff;
-    --blue-60: #0060df;
-    --blue-70: #003eaa;
-    --blue-80: #002275;
-    --grey-30: #d7d7db;
-    --grey-60: #4a4a4f;
-    --grey-90-a10: rgba(12, 12, 13, 0.1);
-    --grey-90-a20: rgba(12, 12, 13, 0.2);
-    --grey-90-a30: rgba(12, 12, 13, 0.3);
-    --grey-90-a50: rgba(12, 12, 13, 0.5);
-    --grey-90-a60: rgba(12, 12, 13, 0.6);
-    --green-50: #30e60b;
-    --green-60: #12bc00;
-    --green-70: #058b00;
-    --green-80: #006504;
-    --green-90: #003706;
-    --orange-50: #ff9400;
-    --red-40: #ff4f5e;
-    --red-50: #ff0039;
-    --red-60: #d70022;
-    --red-70: #a4000f;
-    --red-80: #5a0002;
-    --red-90: #3e0200;
-    --yellow-50: #ffe900;
-    --yellow-60: #d7b600;
-    --yellow-60-a30: rgba(215, 182, 0, 0.3);
-    --yellow-70: #a47f00;
-    --yellow-80: #715100;
-    --yellow-90: #3e2800;
-
-    --shadow-10: 0 1px 4px var(--grey-90-a10);
-    --shadow-30: 0 4px 16px var(--grey-90-a10);
-
-    --card-padding: 16px;
-    --card-shadow: var(--shadow-10);
-    --card-outline-color: var(--grey-30);
-    --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
-  }
-
-  @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
-    :host,
-    :root {
-      /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
-      --in-content-page-background: rgb(28, 27, 34);
-      --in-content-page-color: rgb(251, 251, 254);
-      --in-content-deemphasized-text: rgb(191, 191, 201);
-
-      --in-content-box-background: rgb(35, 34, 43);
-      --in-content-box-background-odd: rgba(249, 249, 250, 0.05);
-      --in-content-box-info-background: rgba(249, 249, 250, 0.15);
-
-      --in-content-border-color: rgba(249, 249, 250, 0.2);
-      --in-content-border-hover: rgba(249, 249, 250, 0.3);
-      --in-content-border-invalid: rgb(255, 132, 139);
-
-      --in-content-error-text-color: #ff9aa2;
-
-      --in-content-button-background: rgb(43, 42, 51);
-      --in-content-button-background-hover: rgb(82, 82, 94);
-      --in-content-button-background-active: rgb(91, 91, 102);
-      --in-content-icon-color: rgb(251, 251, 254);
-
-      --in-content-primary-button-text-color: rgb(43, 42, 51);
-      --in-content-primary-button-background: rgb(0, 221, 255);
-      --in-content-primary-button-background-hover: rgb(128, 235, 255);
-      --in-content-primary-button-background-active: rgb(170, 242, 255);
-
-      --in-content-danger-button-background: #ff848b;
-      --in-content-danger-button-background-hover: #ffbdc5;
-      --in-content-danger-button-background-active: #ffdfe7;
-
-      --in-content-table-background: rgb(35, 34, 43);
-      --in-content-table-border-dark-color: rgba(249, 249, 250, 0.2);
-      --in-content-table-header-background: rgb(5, 64, 150);
-      --in-content-table-header-color: var(--in-content-page-color);
-
-      --in-content-accent-color: var(--in-content-primary-button-background);
-      --in-content-accent-color-active: var(--in-content-primary-button-background-hover);
-      --in-content-link-color: var(--in-content-primary-button-background);
-      --in-content-link-color-hover: var(--in-content-primary-button-background-hover);
-      --in-content-link-color-active: var(--in-content-primary-button-background-active);
-      --in-content-link-color-visited: var(--in-content-link-color);
-
-      --card-outline-color: var(--grey-60);
-
-      --dialog-warning-text-color: var(--red-40);
-    }
-  }
-
-  /*== Menu Color ============================================================*/
-  html#main-window menupopup {
-    /* is same as toolbar color https://github.com/mozilla/gecko-dev/blob/master/toolkit/themes/windows/global/global.css#L17-L67 */
-    --menu-color: var(--arrowpanel-color, var(--in-content-page-color)) !important;
-    --menu-background-color: var(--arrowpanel-background, var(--in-content-button-background)) !important;
-
-    --menu-border-color: var(
-      --toolbarbutton-active-background,
-      var(--button-active-bgcolor, var(--card-outline-color))
-    ) !important;
-    --menuitem-hover-background-color: var(
-      --toolbarbutton-hover-background,
-      var(--button-hover-bgcolor, var(--in-content-button-background-hover))
-    ) !important;
-
-    --menu-disabled-color: color-mix(in srgb, var(--menu-color) 40%, transparent) !important;
-    --menuitem-disabled-hover-background-color: color-mix(
-      in srgb,
-      var(--menuitem-hover-background-color) 40%,
-      transparent
-    ) !important;
-  }
-
-  @media not all and (-moz-gtk-csd-available) {
-    window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menupopup {
-      --panel-color: var(--lwt-sidebar-text-color, var(--menu-color)) !important;
-      --panel-background: var(--lwt-sidebar-background-color, var(--menu-background-color)) !important;
-    }
-    window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menu[_moz-menuactive="true"]:not([disabled="true"]),
-    window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"]
-      menuitem[_moz-menuactive="true"]:not([disabled="true"]) {
-      --menuitem-hover-background-color: color-mix(
-        in srgb,
-        currentColor 17%,
-        transparent
-      ); /* Looks like toolbar button */
-      /* or var(--lwt-sidebar-highlight-background-color)
-         If this value is used, unset is required in the default theme.
-      */
-    }
-
-    /* Fallback background */
-    menupopup:not(.cui-widget-panel.cui-widget-panelview, [placespopup="true"]) {
-      background-color: var(--lwt-accent-color, var(--in-content-page-background)) !important;
-    }
-  }
-
-  /* Default theme color preservation */
-  :root[lwtheme-mozlightdark] menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]),
-  :root[lwtheme-mozlightdark] menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) {
-    --menu-color: var(--toolbar-color, var(--in-content-page-color)) !important;
-    --arrowpanel-background: var(
-      --toolbar-bgcolor,
-      var(--in-content-button-background)
-    ) !important; /* --menu-background-color */
-  }
-  @media not all and (-moz-gtk-csd-available) {
-    window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(249, 249, 251, 1);"] menupopup, /* Default Light Mode */
-    window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(43, 42, 51, 1);"]    menupopup {
-      /* Default Dark Mode */
-      --panel-color: var(--menu-color) !important;
-      --panel-background: var(--menu-background-color) !important;
-    }
-  }
-
-  /*== Bookmark Popup Color ==================================================*/
-  #editBMPanel_folderTree:-moz-lwtheme,
-  #editBMPanel_tagsSelector:-moz-lwtheme {
-    appearance: none !important;
-    border: 0.5px solid var(--button-active-bgcolor, color-mix(in srgb, currentColor 30%, transparent)) !important;
-  }
-
-  #editBMPanel_folderTree:-moz-lwtheme,
-  #editBMPanel_folderTree:-moz-lwtheme > treechildren,
-  #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-image,
-  #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-cell-text(hover),
-  #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-cell-text(selected),
-  #editBMPanel_tagsSelector:-moz-lwtheme,
-  #editBMPanel_tagsSelector:-moz-lwtheme > richlistitem {
-    color: var(--lwt-text-color, fieldtext) !important;
-  }
-  #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-cell-text(selected) {
-    font-weight: 600 !important;
-  }
-
-  #editBMPanel_folderTree:-moz-lwtheme > treechildren,
-  #editBMPanel_tagsSelector:-moz-lwtheme {
-    background-color: color-mix(in srgb, var(--arrowpanel-background) 35%, var(--in-content-box-background)) !important;
-  }
-  #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-row(hover),
-  #editBMPanel_tagsSelector > richlistitem:hover {
-    background-color: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 17%, transparent)) !important;
-  }
-  #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-row(selected),
-  #editBMPanel_tagsSelector > richlistitem[selected="true"] {
-    background-color: var(--button-active-bgcolor, color-mix(in srgb, currentColor 30%, transparent)) !important;
-  }
-
-  #editBMPanel_namePicker,
-  #editBMPanel_tagsField {
-    --input-bgcolor: var(--arrowpanel-background, Field);
-    --input-color: var(--arrowpanel-color, FieldText);
-  }
-
-  /*== Sidebar - Field Color =================================================*/
-  .sidebar-panel #search-box,
-  xul|search-textbox.tabsFilter {
-    --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent);
-
-    appearance: none !important;
-    padding: 5px 8px !important;
-    border: 1px solid var(--input-bgcolor) !important;
-    border-radius: 0/* 4px */;
-
-    background-color: var(--lwt-sidebar-background-color, Field) !important;
-    color: var(--lwt-sidebar-text-color, FieldText) !important;
-  }
-  .sidebar-panel:not([lwt-sidebar]) #search-box {
-    --input-bgcolor: ThreeDShadow;
-  }
-
-  .sidebar-panel #search-box[focused="true"],
-  xul|search-textbox.tabsFilter[focused="true"] {
-    outline: 1px solid var(--input-bgcolor);
-  }
-  .sidebar-panel[lwt-sidebar] #search-box[focused="true"],
-  body[lwt-sidebar] xul|search-textbox.tabsFilter[focused="true"] {
-    --input-bgcolor: var(--lwt-sidebar-highlight-background-color, Highlight) !important;
-  }
-  .sidebar-panel:not([lwt-sidebar]) #search-box[focused="true"],
-  body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] {
-    border-color: -moz-accent-color !important; /* Hard Coded */
-    outline-color: -moz-accent-color !important;
-  }
-
-  /*= PopupAutoComplete ======================================================*/
-  #PopupAutoComplete {
-    --panel-bgcolor: var(--arrowpanel-background, var(--in-content-button-background));
-
-    /* overwrite */
-    --panel-border-radius: 0/* 4px */ !important; /* Original: 0 */
-    --panel-border-color: var(
-      --arrowpanel-border-color,
-      var(--menu-border-color)
-    ) !important; /* Original: ThreeDShadow */
-
-    appearance: none !important;
-    background: transparent !important;
-    border: none !important;
-    clip-path: inset(0 round var(--panel-border-radius));
-  }
-
-  #PopupAutoComplete > richlistbox {
-    border-radius: var(--panel-border-radius) !important;
-    background-color: var(--panel-bgcolor) !important; /* Original: Field */
-    color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FiledText */
-  }
-
-  #PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon,
-  #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon,
-  #PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
-    fill: GrayText !important;
-  }
-
-  #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"] {
-    --panel-border-color: var(--panel-bgcolor);
-    color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FieldText */
-    background-color: var(--arrowpanel-dimmed, hsla(0, 0%, 80%, 0.35)) !important; /* Original: hsla(0,0%,80%,.35) */
-    border-color: var(--panel-border-color) !important; /* Original: rgba(38,38,38,.15) */
-  }
-
-  #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"]:hover,
-  #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"][selected] {
-    background-color: var(
-      --arrowpanel-dimmed-further,
-      hsla(0, 0%, 80%, 0.5)
-    ) !important; /* Original: hsla(0,0%,80%,.5), match arrowpanel-dimmed-further */
-  }
-  /** Fully Theme Mode }}} */
-
-  /* Fully Dark Mode {{{ */
-  /*= Remove White Flash =====================================================*/
-  #tabbrowser-tabbox,
-  #tabbrowser-tabpanels,
-  browser[type="content-primary"],
-  browser[type="content"] > html {
-    background: var(--in-content-page-background) !important;
-  }
-
-  /*= Notification ===========================================================*/
-  @-moz-document url("chrome://global/content/alerts/alert.xhtml")
-  {
-    /* Color */
-    :root {
-      --menu-color: #15141a;
-      --menu-background-color: #f9f9fb;
-      --menu-border-color: #cfcfd8;
-      --menuitem-hover-background-color: #e0e0e6;
-    }
-    @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
-      :root {
-        --menu-border-color: rgba(107, 107, 107, 0.3);
-        --menu-color: #fbfbfe;
-        --menu-background-color: #2b2a33;
-        --menuitem-hover-background-color: #52525e;
-      }
-      #alertSourceLabel {
-        color: rgb(5, 209, 241) !important;
-      }
-    }
-
-    /* line below removes background from the notification "window" on linux */
-    #alertNotification {
-      background: transparent !important;
-    }
-
-    #alertBox {
-      color: var(--menu-color) !important;
-      background-color: var(--menu-background-color) !important;
-      border-color: var(--menu-border-color) !important;
-      border-radius: 0/* 6px */ !important;
-      -moz-window-shadow: cliprounded !important;
-    }
-    #alertSettings {
-      fill: currentColor !important;
-      color: inherit !important;
-      border-radius: 0 !important;
-      margin-inline: 0 !important;
-      margin-bottom: -4px !important;
-    }
-    .close-icon,
-    #alertSettings {
-      background: transparent !important;
-    }
-    .close-icon:hover > .toolbarbutton-icon,
-    #alertSettings:is(:hover, [open]) > .button-box > .box-inherit {
-      background-color: var(--menuitem-hover-background-color, #e0e0e6) !important;
-    }
-
-    /* Shape */
-    .close-icon > .toolbarbutton-icon,
-    #alertSettings > .button-box > .box-inherit {
-      border-radius: 0/* 4px */ !important;
-      padding: 2px !important;
-      margin: 2px 2px -2px 0 !important;
-    }
-    #alertSettings > .button-box > .box-inherit {
-      margin: -4px 4px 3px 0 !important;
-    }
-    #alertSettings > .button-box > .box-inherit > .button-icon {
-      padding: 1px;
-    }
-  }
-
-  /*= Proton Commons =========================================================*/
-  @-moz-document url("chrome://global/content/commonDialog.xhtml"),
-  url("chrome://pippki/content/editcacert.xhtml"),
-  url("chrome://pippki/content/deletecert.xhtml"),
-  url("chrome://pippki/content/exceptionDialog.xhtml"),
-  url("chrome://mozapps/content/downloads/unknownContentType.xhtml"),
-  url("chrome://global/content/appPicker.xhtml"),
-  url("chrome://browser/content/pageinfo/pageInfo.xhtml")
-  {
-    /*- Overwrite ------------------------------------------------------------*/
-    @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
-      :root {
-        --in-content-page-background: #42414d;
-      }
-    }
-
-    :root:not(:-moz-lwtheme),
-    :root[lwt-default-theme-in-dark-mode] {
-      --checkbox-unchecked-bgcolor: var(--in-content-button-background) !important;
-      --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover) !important;
-      --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active) !important;
-      --checkbox-checked-bgcolor: var(--in-content-primary-button-background) !important;
-      --checkbox-checked-color: var(--in-content-primary-button-text-color) !important;
-      --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover) !important;
-      --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active) !important;
-    }
-
-    /*- Dialog ---------------------------------------------------------------*/
-    #commonDialog,
-    #editCaCert,
-    #deleteCertificate,
-    #exceptiondialog,
-    #unknownContentType,
-    #app-picker,
-    #topBar, /* #topBar, #mainDeck: Page Info */
-    #mainDeck {
-      -moz-appearance: none !important; /* For Mac */
-      color: var(--in-content-page-color) !important;
-      background-color: var(--in-content-page-background) !important;
-      /* border-radius: 0 0 8px 8px !important; */
-    }
-
-    /*- Button ---------------------------------------------------------------*/
-    button {
-      -moz-appearance: none !important;
-      color: var(--in-content-button-text-color) !important;
-      background-color: var(--in-content-button-background) !important;
-      font: inherit;
-      font-size: 1em !important;
-      font-weight: 600 !important;
-      min-height: 32px !important;
-      border: 1px solid transparent !important; /* shows up in high-contrast mode */
-      border-radius: var(--in-content-button-border-radius) !important;
-      padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important;
-
-      min-height: 32px !important;
-      /* Use the same margin of other elements for the alignment */
-      margin-inline: 4px !important;
-      min-width: 6.3em !important;
-    }
-
-    /* Medium and small buttons get sized to 7/14 and 6/12px padding (when adding
-     * the 1px border): */
-    button.medium {
-      padding: 6px 13px !important;
-      min-height: 28px !important;
-      font-size: 0.95em !important;
-    }
-    button.small {
-      padding: 5px 11px !important;
-      min-height: 24px !important;
-      font-size: 0.9em !important;
-    }
-
-    /* Remove margin added by button.css */
-    xul|button > .button-box > .button-text {
-      margin: 0 !important;
-    }
-
-    button:-moz-focusring,
-    xul|menulist:-moz-focusring,
-    xul|checkbox:-moz-focusring > .checkbox-check, /* :not([native]) to win specificity over checkbox.css */
-    xul|radio[focused="true"]:-moz-focusring {
-      box-shadow: none !important;
-      outline: 2px solid var(--in-content-focus-outline-color) !important;
-      outline-offset: 2px !important;
-    }
-    button:not([disabled="true"]):hover {
-      background-color: var(--in-content-button-background-hover) !important;
-      color: var(--in-content-button-text-color-hover) !important;
-      border-color: transparent !important;
-    }
-
-    xul|button:not([disabled="true"]):hover:active,
-    xul|button[open],
-    xul|button[open]:hover,
-    xul|menulist[open="true"]:not([disabled="true"]) {
-      background-color: var(--in-content-button-background-active) !important;
-    }
-
-    xul|button[default] {
-      background-color: var(--in-content-primary-button-background) !important;
-      color: var(--in-content-primary-button-text-color) !important;
-    }
-    xul|button[default]:not([disabled="true"]):hover {
-      background-color: var(--in-content-primary-button-background-hover) !important;
-      color: var(--in-content-primary-button-text-color) !important;
-    }
-    xul|button[default]:not([disabled="true"]):hover:active {
-      background-color: var(--in-content-primary-button-background-active) !important;
-    }
-
-    xul|button[disabled="true"],
-    xul|menulist[disabled="true"] {
-      opacity: 0.4 !important;
-    }
-    xul|button:not([disabled="true"]):hover,
-    xul|menulist:not([disabled="true"]):hover {
-      background-color: var(--in-content-button-background-hover) !important;
-      color: var(--in-content-button-text-color-hover) !important;
-      border-color: transparent !important;
-    }
-
-    @media (prefers-contrast) {
-      xul|button[default]:not([disabled="true"]):hover {
-        border-color: currentColor !important;
-      }
-
-      button:focus {
-        color: var(--in-content-button-text-color) !important;
-      }
-
-      xul|button[default]:focus,
-      button.primary:focus {
-        color: var(--in-content-primary-button-text-color) !important;
-      }
-    }
-
-    /*- Radio Button ---------------------------------------------------------*/
-    xul|radio {
-      /* margin-inline-start: 0 !important; */
-      appearance: none !important;
-    }
-
-    xul|*.radio-check {
-      appearance: none !important;
-      width: 16px !important;
-      height: 16px !important;
-      padding: 0 !important;
-      border: 1px solid var(--in-content-box-border-color) !important;
-      border-radius: 100% !important;
-      margin-block: 2px !important; /* extend the vertical clicktarget */
-      margin-inline: 0 6px !important;
-      background-color: var(--in-content-button-background) !important;
-      background-position: center !important;
-      flex-shrink: 0 !important; /* avoid shrinking inside flex container */
-    }
-
-    xul|radio:not([disabled="true"]):hover > xul|*.radio-check {
-      background-color: var(--in-content-button-background-hover) !important;
-      color: var(--in-content-button-text-color-hover) !important;
-    }
-
-    xul|radio:not([disabled="true"]):hover:active > xul|*.radio-check {
-      background-color: var(--in-content-button-background-active) !important;
-    }
-
-    xul|*.radio-check[selected] {
-      -moz-context-properties: fill !important;
-      fill: currentColor !important;
-      color: var(--in-content-primary-button-text-color) !important;
-      background-color: var(--in-content-primary-button-background) !important;
-      background-image: url("chrome://global/skin/icons/radio.svg") !important;
-      border-color: transparent !important;
-
-      /* Style the button also when printing with "Print Backgrounds" unchecked */
-      color-adjust: exact !important;
-    }
-
-    xul|radio:not([disabled="true"])[selected]:hover > xul|*.radio-check {
-      background-color: var(--in-content-primary-button-background-hover) !important;
-      color: var(--in-content-primary-button-text-color-hover) !important;
-    }
-
-    xul|radio:not([disabled="true"])[selected]:hover:active > xul|*.radio-check {
-      background-color: var(--in-content-primary-button-background-active) !important;
-    }
-
-    xul|*.radio-label-box {
-      margin-inline: 0 8px !important;
-      padding-inline-start: 0 !important;
-    }
-
-    /* Disabled checkboxes, radios and labels */
-    xul|checkbox[disabled="true"],
-    xul|radio[disabled="true"],
-    xul|label[disabled="true"] {
-      color: inherit !important;
-    }
-
-    xul|checkbox[disabled="true"],
-    xul|radio[disabled="true"],
-    xul|label[disabled="true"] {
-      opacity: 0.5 !important;
-    }
-
-    /*- Check Box ------------------------------------------------------------*/
-    /* From checkbox.css */
-    checkbox {
-      appearance: none !important;
-      -moz-box-align: center !important;
-      margin: 4px 2px !important;
-    }
-
-    .checkbox-icon[src] {
-      margin-inline-end: 2px !important;
-    }
-    .checkbox-label {
-      margin: 1px 0 !important;
-    }
-
-    checkbox[disabled="true"] {
-      opacity: 0.4 !important;
-    }
-
-    .checkbox-check {
-      appearance: none !important;
-      color: var(--checkbox-border-color, ThreeDDarkShadow) !important;
-      background-color: var(--checkbox-unchecked-bgcolor, Field) !important;
-      border: 1px solid currentColor !important;
-      border-radius: 2px !important;
-      margin-inline-end: 6px !important;
-    }
-
-    .checkbox-check {
-      height: 16px !important;
-      width: 16px !important;
-    }
-
-    checkbox:not([disabled="true"]):hover > .checkbox-check {
-      background-color: var(
-        --checkbox-unchecked-hover-bgcolor,
-        color-mix(in srgb, -moz-accent-color 4%, Field)
-      ) !important;
-    }
-
-    checkbox:not([disabled="true"]):hover:active > .checkbox-check {
-      background-color: var(
-        --checkbox-unchecked-active-bgcolor,
-        color-mix(in srgb, -moz-accent-color 8%, Field)
-      ) !important;
-    }
-
-    .checkbox-check[checked] {
-      border-color: var(--checkbox-checked-border-color, transparent) !important;
-      background-color: var(--checkbox-checked-bgcolor, -moz-accent-color) !important;
-      background-image: url("chrome://global/skin/icons/check.svg") !important;
-      background-position: center !important;
-      background-repeat: no-repeat !important;
-      -moz-context-properties: fill !important;
-      fill: currentColor !important;
-      color: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
-      /* Style the button also when printing with "Print Backgrounds" unchecked */
-      color-adjust: exact !important;
-    }
-
-    checkbox:not([disabled="true"]):hover > .checkbox-check[checked] {
-      background-color: var(
-        --checkbox-checked-hover-bgcolor,
-        color-mix(in srgb, currentColor 12.5%, -moz-accent-color)
-      ) !important;
-    }
-
-    checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked] {
-      background-color: var(
-        --checkbox-checked-active-bgcolor,
-        color-mix(in srgb, currentColor 25%, -moz-accent-color)
-      ) !important;
-    }
-
-    checkbox:-moz-focusring > .checkbox-check {
-      outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
-      outline-offset: var(--focus-outline-offset, 2px) !important;
-    }
-
-    @media (prefers-contrast) {
-      checkbox:not([disabled="true"]):hover > .checkbox-check {
-        /* color will set the border-color on the check due to how HCM works for in-content pages. */
-        color: var(--checkbox-checked-border-color, color-mix(in srgb, -moz-accent-color 4%, Field)) !important;
-      }
-
-      .checkbox-check[checked] {
-        color: var(--checkbox-checked-border-color, currentColor) !important;
-        fill: var(--checkbox-checked-color, -moz-accent-color-foreground) !important;
-      }
-
-      checkbox:not([disabled="true"]):hover:active > .checkbox-check[checked],
-      checkbox:not([disabled="true"]):hover > .checkbox-check[checked] {
-        color: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important;
-        fill: var(--checkbox-checked-border-color-hover, -moz-accent-color-foreground) !important;
-      }
-    }
-
-    /* From common.css */
-    xul|*.checkbox-check {
-      margin-block: 2px !important;
-    }
-    xul|richlistitem > xul|*.checkbox-check {
-      margin: 3px 6px !important;
-    }
-
-    /*- Menulist -------------------------------------------------------------*/
-    /* From mulist.css */
-    xul|menulist {
-      appearance: none !important;
-      background-color: var(--in-content-button-background, ButtonFace) !important;
-      color: var(--in-content-button-text-color, ButtonText) !important;
-      border-radius: 0/* 4px */ !important;
-      padding-block: 4px !important;
-      padding-inline: 12px 8px !important;
-      margin: 5px 2px 3px !important;
-    }
-
-    xul|menulist[size="medium"] {
-      padding-block: 6px !important;
-      padding-inline: 16px 10px !important;
-    }
-
-    xul|menulist[size="large"] {
-      padding-block: 8px !important;
-      padding-inline: 16px 12px !important;
-    }
-
-    xul|menulist:hover {
-      background-color: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 10%, ButtonFace)) !important;
-    }
-
-    xul|menulist:hover:active {
-      background-color: var(--button-active-bgcolor, color-mix(in srgb, currentColor 20%, ButtonFace)) !important;
-    }
-
-    xul|menulist:-moz-focusring {
-      outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
-      outline-offset: var(--focus-outline-offset, 2px) !important;
-    }
-
-    #label-box {
-      -moz-box-align: center !important;
-      -moz-box-pack: center !important;
-      font-weight: 600 !important;
-    }
-
-    dropmarker {
-      display: -moz-box !important;
-      appearance: none !important;
-      width: 12px !important;
-      height: 12px !important;
-    }
-
-    dropmarker::part(icon) {
-      list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important;
-      -moz-context-properties: fill !important;
-      fill: currentColor !important;
-    }
-
-    #highlightable-label:not([highlightable="true"]),
-    #label[highlightable="true"] {
-      display: none !important;
-    }
-
-    xul|menuitem > label:not(.menu-text) {
-      margin: 0 3px !important;
-    }
-
-    /* From common.css */
-    xul|menulist > xul|menupopup {
-      appearance: none !important;
-
-      /* Reset native styles on Windows and macOS */
-      border: none !important;
-      background-color: transparent !important;
-
-      --panel-border-color: var(--in-content-box-border-color) !important;
-      --panel-border-radius: 0/* 2px */ !important;
-      --panel-background: var(--in-content-box-background) !important;
-      --panel-color: var(--in-content-text-color) !important;
-      --panel-padding: 0 !important;
-    }
-
-    xul|menulist > xul|menupopup xul|menu,
-    xul|menulist > xul|menupopup xul|menuitem {
-      appearance: none !important;
-      font-size: 1em !important;
-      padding-block: 0.2em !important;
-      padding-inline: 10px 30px !important;
-    }
-
-    xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"],
-    xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"] {
-      color: var(--in-content-item-hover-text) !important;
-      background-color: var(--in-content-item-hover) !important;
-    }
-
-    xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"],
-    xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"] {
-      color: var(--in-content-item-selected-text) !important;
-      background-color: var(--in-content-item-selected) !important;
-    }
-
-    xul|menulist > xul|menupopup > xul|menu[disabled="true"],
-    xul|menulist > xul|menupopup > xul|menuitem[disabled="true"] {
-      color: #999 !important;
-      /* override the [_moz-menuactive="true"] background color from
-         global/menu.css */
-      background-color: transparent !important;
-    }
-
-    xul|menulist > xul|menupopup xul|menuseparator {
-      appearance: none !important;
-      margin: 0 !important;
-      padding: 0 !important;
-      border-top: 1px solid var(--in-content-box-border-color) !important;
-      border-bottom: none !important;
-    }
-
-    xul|menulist::part(dropmarker) {
-      margin-block: 1px !important;
-    }
-
-    /* Override menulist.css */
-    xul|menulist[disabled="true"] {
-      background-color: var(--in-content-button-background) !important;
-    }
-
-    xul|menulist:-moz-focusring > xul|*.menulist-label-box {
-      outline: none !important;
-    }
-
-    /*- List Boxes -----------------------------------------------------------*/
-    html|select[size][multiple],
-    xul|listheader,
-    xul|richlistbox {
-      appearance: none !important;
-      margin-inline: 0 !important;
-      background-color: var(--in-content-box-background) !important;
-      border: 1px solid var(--in-content-box-border-color) !important;
-      border-radius: 0/* 4px */ !important;
-      color: var(--in-content-text-color) !important;
-    }
-
-    xul|listheader {
-      border-bottom: none !important;
-      border-bottom-left-radius: 0 !important;
-      border-bottom-right-radius: 0 !important;
-      padding-bottom: 1px !important;
-      box-shadow: inset 0 -1px var(--in-content-border-color) !important;
-      overflow: clip !important; /* Clip border-radius */
-    }
-
-    xul|listheader + xul|richlistbox {
-      margin-top: 0 !important;
-      border-top: none !important;
-      border-top-left-radius: 0 !important;
-      border-top-right-radius: 0 !important;
-    }
-
-    html|select[size][multiple] > html|option,
-    xul|treechildren::-moz-tree-row {
-      padding: 0.3em inherit !important;
-      margin: 0 !important;
-      border: none !important;
-      border-radius: 0 !important;
-      background-image: none !important;
-    }
-
-    xul|treechildren::-moz-tree-row(multicol, odd) {
-      background-color: var(--in-content-box-background-odd);
-    }
-
-    html|select[size][multiple] > html|option:hover,
-    xul|richlistbox > xul|richlistitem:not([disabled="true"], [selected]):hover,
-    xul|treechildren::-moz-tree-row(hover) {
-      background-color: var(--in-content-item-hover) !important;
-      color: var(--in-content-item-hover-text) !important;
-    }
-
-    xul|richlistbox > xul|richlistitem[selected],
-    xul|treechildren::-moz-tree-row(selected) {
-      background-color: var(--in-content-item-selected) !important;
-      color: var(--in-content-item-selected-text) !important;
-    }
-
-    xul|richlistbox:not(#categories) > xul|richlistitem[selected] {
-      /* Ensure buttons/menulists inside richlistitems (containers, applications) look OK */
-      --in-content-button-background: color-mix(in srgb, currentColor 15%, transparent) !important;
-      --in-content-button-background-hover: color-mix(in srgb, currentColor 30%, transparent) !important;
-      --in-content-button-background-active: color-mix(in srgb, currentColor 45%, transparent) !important;
-      --in-content-button-text-color: var(--in-content-item-selected-text) !important;
-      --in-content-button-text-color-hover: var(--in-content-item-selected-text) !important;
-      --in-content-focus-outline-color: var(--in-content-item-selected-text) !important;
-    }
-
-    xul|richlistitem[selected] xul|menulist:focus-visible {
-      outline-offset: -2px !important;
-    }
-
-    /* Use a 2px border so that selected row highlight is still visible behind
-        an existing high-contrast border that uses the background color */
-    @media (prefers-contrast) {
-      xul|treechildren::-moz-tree-row(selected) {
-        border: 2px solid currentColor !important;
-        border-radius: 0/* 4px */ !important;
-      }
-    }
-
-    xul|panel[type="autocomplete-richlistbox"] {
-      background-color: var(--in-content-box-background) !important;
-      border: 1px solid var(--in-content-box-border-color) !important;
-      color: var(--in-content-text-color) !important;
-    }
-
-    /*- Each OS --------------------------------------------------------------*/
-    @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) {
-      xul|checkbox,
-      xul|radio {
-        padding-inline-start: 0 !important;
-      }
-
-      /* Override menulist.css */
-      xul|menulist[disabled="true"] {
-        background-color: var(--in-content-button-background) !important;
-      }
-
-      xul|menulist:-moz-focusring > xul|*.menulist-label-box {
-        outline: none !important;
-      }
-    }
-
-    @media (-moz-gtk-csd-available) {
-      /* Overriding appearance also avoids incorrect selection background color with light text. */
-      xul|button > xul|*.button-box,
-      xul|menulist::part(label-box),
-      xul|*.radio-label-box,
-      xul|*.checkbox-label-box {
-        appearance: none !important;
-      }
-
-      xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
-        appearance: none !important;
-      }
-      xul|menulist {
-        font-size: inherit !important;
-      }
-      xul|menulist::part(dropmarker) {
-        display: -moz-box;
-        margin-block: 6px !important;
-      }
-      xul|menulist:-moz-focusring::part(label-box) {
-        outline: none !important;
-      }
-    }
-
-    @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-      xul|menulist > xul|menupopup > xul|menuitem[checked="true"]::before,
-      xul|menulist > xul|menupopup > xul|menuitem[selected="true"]::before {
-        display: none !important;
-      }
-
-      xul|menulist::part(dropmarker) {
-        display: -moz-box !important;
-        margin-block: 1px !important;
-      }
-
-      xul|menulist > xul|menupopup xul|menu,
-      xul|menulist > xul|menupopup xul|menuitem {
-        padding-inline-end: 34px !important;
-      }
-
-      xul|*.checkbox-icon,
-      xul|*.radio-icon {
-        margin-inline-end: 0 !important;
-      }
-
-      xul|*.text-link:-moz-focusring {
-        box-shadow: none !important;
-      }
-    }
-  }
-
-  /*= Delete Cert ============================================================*/
-  @-moz-document url("chrome://pippki/content/deletecert.xhtml")
-  {
-    :root {
-      --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important;
-    }
-    #certlist {
-      border: 1px solid var(--in-content-border-color) !important;
-      border-radius: 0/* 4px */ !important;
-    }
-  }
-
-  /*= Cert Exeption Dialog ===================================================*/
-  @-moz-document url("chrome://pippki/content/exceptionDialog.xhtml")
-  {
-    :root {
-      --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important;
-    }
-    #locationTextBox {
-      appearance: none !important;
-      border: 1px solid var(--in-content-box-border-color) !important;
-      border-radius: 0/* 4px */ !important;
-      color: inherit !important;
-      background-color: var(--in-content-box-background) !important;
-
-      font-family: inherit !important;
-      font-size: inherit !important;
-      padding: 8px !important;
-      margin: 2px 4px !important;
-    }
-    #locationTextBox:focus {
-      border-color: transparent !important;
-      outline: 2px solid var(--in-content-focus-outline-color) !important;
-      outline-offset: -1px !important; /* Prevents antialising 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 */
-    }
-    #locationTextBox:disabled {
-      opacity: 0.4 !important;
-    }
-
-    #exceptiondialog:first-child > hbox > vbox:not([flex="1"]) {
-      width: 48px !important;
-      height: 48px !important;
-      background-image: url("chrome://global/skin/icons/warning.svg") !important;
-      background-size: 48px !important;
-      background-repeat: no-repeat !important;
-
-      -moz-context-properties: fill !important;
-      fill: currentColor !important;
-    }
-    #exceptiondialog:first-child > hbox > vbox > image {
-      display: none !important;
-    }
-  }
-
-  /*= Page Info ==============================================================*/
-  @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml")
-  {
-    :root {
-      --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important;
-    }
-
-    #viewGroup > radio {
-      border-radius: 0/* 8px */ !important;
-      padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important;
-      margin: 4px !important;
-    }
-    #viewGroup > radio:hover {
-      background-color: var(--in-content-button-background-hover) !important; /* #E0E8F6; */
-    }
-    #viewGroup > radio[selected="true"] {
-      color: var(--in-content-button-text-color) !important; /* SelectedItemText */
-      background-color: var(--in-content-button-background-active) !important; /* #C1D2EE; */
-    }
-    #viewGroup > radio {
-      color: var(--in-content-deemphasized-text) !important; /* FieldText */
-    }
-
-    #viewGroup > radio {
-      list-style-image: none !important;
-      background-image: var(--viewgroup-image) !important;
-      background-repeat: no-repeat;
-      background-position: top var(--in-content-button-vertical-padding) center;
-      background-size: 32px !important;
-
-      -moz-context-properties: fill !important;
-      fill: currentColor !important;
-    }
-    #generalTab {
-      --viewgroup-image: url(chrome://global/skin/icons/page-portrait.svg);
-    }
-    #mediaTab {
-      --viewgroup-image: url(chrome://browser/skin/canvas.svg);
-    }
-    #permTab {
-      --viewgroup-image: url(chrome://browser/skin/permissions.svg);
-    }
-    #securityTab {
-      --viewgroup-image: url(chrome://global/skin/icons/security.svg);
-    }
-
-    #viewGroup > radio > .radio-label-box {
-      /* Overwrite */
-      margin: 0 !important;
-      padding: 0 6 !important;
-    }
-
-    #mainDeck input {
-      color: var(--in-content-page-color) !important;
-    }
-
-    #permList {
-      -moz-appearance: none !important;
-      color: var(--in-content-page-color) !important;
-      background-color: var(--in-content-box-background) !important;
-    }
-    .permission:hover {
-      color: var(--in-content-text-color) !important;
-      background-color: var(--in-content-button-background-hover) !important;
-    }
-    .permission radio[disabled] {
-      color: var(--in-content-deemphasized-text) !important;
-    }
-
-    treecols {
-      -moz-appearance: none !important;
-      background: var(--in-content-table-header-background) !important;
-      color: var(--in-content-table-header-color) !important;
-    }
-    treecols > treecol,
-    treecols > treecolpicker.treecol-image {
-      -moz-appearance: none !important;
-      color: var(--in-content-table-header-color) !important;
-      background: var(--in-content-table-header-background) !important;
-      border: 1px solid var(--in-content-border-color) !important;
-      padding: 4px !important;
-      border-spacing: 0;
-
-      text-align: center !important;
-    }
-
-    tree,
-    treechildren::-moz-tree-row {
-      -moz-appearance: none !important;
-      color: var(--in-content-text-color) !important;
-      background-color: var(--in-content-table-background) !important;
-      border: 1px solid var(--in-content-border-color) !important;
-    }
-
-    treechildren::-moz-tree-row(odd) {
-      background-color: var(--in-content-box-background-odd) !important;
-    }
-
-    treechildren::-moz-tree-row(hover) {
-      color: var(--in-content-item-hover-text) !important;
-      background-color: var(--in-content-item-hover) !important;
-    }
-    treechildren::-moz-tree-row(selected) {
-      background-color: var(--in-content-item-selected) !important;
-    }
-
-    treechildren::-moz-tree-cell {
-      border-inline: 1px solid var(--in-content-border-color) !important;
-      border-spacing: 0 !important;
-      padding: 4px !important;
-      margin: 0 !important;
-    }
-    treechildren::-moz-tree-cell-text(hover) {
-      color: var(--in-content-item-hover-text) !important;
-    }
-    treechildren::-moz-tree-cell-text(selected) {
-      font-weight: 600 !important;
-      color: var(--in-content-item-selected-text) !important;
-    }
-
-    #imagecontainerbox {
-      background-color: var(--in-content-box-background) !important;
-    }
-
-    #metatree,
-    #imagetree,
-    #imagecontainerbox,
-    #permList {
-      border-radius: 0/* 4px */ !important;
-    }
-    #metatree,
-    #imagetree {
-      overflow: hidden !important;
-    }
-
-    #topBar,
-    #imagecontainerbox,
-    #permList {
-      border-color: var(--in-content-border-color) !important;
-    }
-  }
-
-  /*= Library Popup ==========================================================*/
-  @-moz-document url("chrome://browser/content/places/places.xhtml")
-  {
-    @media (-moz-gtk-csd-available) {
-      :root {
-        --organizer-color: -moz-DialogText;
-        --organizer-deemphasized-color: GrayText;
-
-        --organizer-toolbar-background: -moz-Dialog;
-        --organizer-pane-background: -moz-Dialog;
-        --organizer-content-background: -moz-Dialog;
-
-        --organizer-hover-background: SelectedItem;
-        --organizer-hover-color: SelectedItemText;
-        --organizer-selected-background: SelectedItem;
-        --organizer-selected-color: SelectedItemText;
-        --organizer-outline-color: SelectedItem;
-
-        --organizer-separator-color: ThreeDDarkShadow;
-        --organizer-border-color: ThreeDShadow;
-
-        --organizer-toolbar-field-background: Field;
-        --organizer-toolbar-field-background-focused: Field;
-        --organizer-toolbar-field-border-color: ThreeDShadow;
-        --organizer-toolbar-field-focus-border-color: var(--organizer-outline-color);
-        --organizer-toolbar-field-focus-box-shadow: unset;
-        --organizer-pane-field-border-color: ThreeDShadow;
-      }
-
-      @media not (prefers-contrast) {
-        :root {
-          --organizer-color: var(--in-content-page-color);
-          --organizer-deemphasized-color: var(--in-content-deemphasized-text);
-
-          --organizer-toolbar-background: rgb(249, 249, 251); /* --toolbar-bgcolor */
-          --organizer-pane-background: rgb(229, 229, 235); /* --lwt-accent-color */
-          --organizer-content-background: var(--in-content-page-background);
-
-          --organizer-hover-background: var(--in-content-button-background-hover);
-          --organizer-hover-color: var(--organizer-color);
-          --organizer-selected-background: var(--in-content-button-background-active);
-          --organizer-selected-color: var(--organizer-color);
-          --organizer-outline-color: var(--in-content-primary-button-background);
-
-          --organizer-separator-color: var(--organizer-pane-field-border-color);
-          --organizer-border-color: var(--in-content-border-color);
-
-          --organizer-toolbar-field-background: rgb(240, 240, 244); /* --lwt-accent-color */
-          --organizer-toolbar-field-background-focused: Field;
-          --organizer-toolbar-field-border-color: transparent;
-          --organizer-toolbar-field-focus-border-color: color-mix(
-            in srgb,
-            var(--organizer-outline-color) 50%,
-            transparent
-          );
-          --organizer-toolbar-field-focus-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23);
-          --organizer-pane-field-border-color: color-mix(in srgb, currentColor 41%, transparent);
-        }
-
-        @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
-          :root {
-            --organizer-color: rgb(251, 251, 254);
-            --organizer-deemphasized-color: rgb(191, 191, 201);
-
-            --organizer-toolbar-background: rgb(43, 42, 51);
-            --organizer-pane-background: rgb(35, 34, 43);
-            --organizer-content-background: rgb(28, 27, 34);
-
-            --organizer-hover-background: rgb(82, 82, 94);
-            --organizer-selected-background: rgb(91, 91, 102);
-            --organizer-outline-color: rgb(0, 221, 255);
-
-            --organizer-toolbar-field-background: var(--in-content-page-background);
-            --organizer-toolbar-field-background-focused: rgb(66, 65, 77);
-            scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3);
-          }
-        }
-      }
-
-      /*- Toolbar & Menus --------------------------------------------------*/
-      #placesToolbar {
-        appearance: none !important;
-        background-color: var(--organizer-toolbar-background) !important;
-        color: var(--organizer-color) !important;
-        border-bottom: 1px solid var(--organizer-border-color) !important;
-        padding: 4px !important;
-        padding-inline-end: 6px !important;
-      }
-
-      #placesToolbar > toolbarbutton {
-        appearance: none !important;
-        padding: 5px !important;
-        border-radius: 0/* 4px */ !important;
-      }
-
-      #placesToolbar > toolbarbutton[disabled] {
-        opacity: 0.6 !important;
-      }
-
-      #placesToolbar > toolbarbutton:not([disabled]):hover {
-        background-color: var(--organizer-hover-background) !important;
-        color: var(--organizer-hover-color) !important;
-      }
-
-      #placesToolbar > toolbarbutton:not([disabled]):hover:active {
-        background-color: var(--organizer-selected-background) !important;
-      }
-
-      #placesToolbar > toolbarbutton > .toolbarbutton-icon,
-      #placesMenu > menu > image,
-      #placesMenu > menu > .menubar-text {
-        -moz-context-properties: fill !important;
-        fill: currentColor !important;
-      }
-
-      #placesMenu {
-        margin-inline-start: 6px !important;
-      }
-
-      #placesMenu > menu {
-        appearance: none !important;
-        color: var(--organizer-color) !important;
-        border-radius: 0/* 4px */ !important;
-        padding-block: 5px !important;
-        padding-inline-start: 5px !important;
-        margin-inline-end: 2px !important;
-      }
-
-      #placesMenu > menu:hover {
-        background-color: var(--organizer-hover-background) !important;
-        color: var(--organizer-hover-color) !important;
-      }
-
-      #placesMenu > menu:hover:active,
-      #placesMenu > menu[open] {
-        background-color: var(--organizer-selected-background) !important;
-        color: var(--organizer-selected-color) !important;
-      }
-
-      #placesMenu > menu > .menubar-text {
-        margin-block: 0 !important; /* override menu.css */
-        padding-inline-end: 4px !important;
-      }
-
-      /*- Search Bar & Input -------------------------------------------------*/
-      #searchFilter,
-      #detailsPane html|input {
-        appearance: none !important;
-        background-color: var(--organizer-toolbar-field-background) !important;
-        color: var(--organizer-color) !important;
-        border: 1px solid var(--organizer-toolbar-field-border-color) !important;
-        border-radius: 0/* 4px */ !important;
-        margin: 0 !important;
-        padding-block: 2px !important;
-        min-height: 24px !important;
-      }
-
-      #searchFilter[focused] {
-        box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important;
-        background-color: var(--organizer-toolbar-field-background-focused) !important;
-        border-color: transparent !important;
-        outline: 2px solid var(--organizer-toolbar-field-focus-border-color) !important;
-        outline-offset: -2px !important;
-      }
-
-      /*- Sidebar & Splitter -------------------------------------------------*/
-      #placesList {
-        background-color: var(--organizer-pane-background) !important;
-      }
-
-      #placesView > splitter {
-        border: 0 !important;
-        border-inline-end: 1px solid var(--organizer-border-color) !important;
-        min-width: 0 !important;
-        width: 3px !important;
-        background-color: transparent !important;
-        margin-inline-start: -3px !important;
-        position: relative !important;
-      }
-
-      /*- Downloads Pane -----------------------------------------------------*/
-      #downloadsRichListBox {
-        color: var(--organizer-color) !important;
-        background-color: var(--organizer-content-background) !important;
-      }
-
-      #clearDownloadsButton:focus-visible {
-        outline: 2px solid var(--organizer-outline-color) !important;
-      }
-
-      richlistitem[selected="true"],
-      richlistitem:hover {
-        background-color: var(--organizer-hover-background) !important;
-        color: var(--organizer-color) !important;
-      }
-
-      richlistbox:where(:focus) > richlistitem[selected="true"] {
-        background-color: var(--organizer-selected-background) !important;
-      }
-
-      /*- Tree ---------------------------------------------------------------*/
-      #contentView treecol {
-        /* Use box-shadow to draw a bottom border instead of border-bottom
-         * because otherwise the items on contentView won't be perfectly
-         * aligned with the items on the sidebar. */
-        box-shadow: inset 0 -1px var(--organizer-border-color) !important;
-      }
-
-      tree {
-        background-color: var(--organizer-content-background) !important;
-        color: var(--organizer-color) !important;
-      }
-
-      treecol:not([hideheader="true"]),
-      treecolpicker {
-        appearance: none !important;
-        border: none !important;
-        background-color: var(--in-content-button-background) !important;
-        color: var(--organizer-color, inherit) !important;
-        padding: 5px 10px !important;
-      }
-
-      treecol:not([hideheader="true"], [sortable="false"]):hover,
-      treecolpicker:hover {
-        background-color: var(--organizer-hover-background) !important;
-        color: var(--organizer-color) !important;
-      }
-
-      treecol:not([hideheader="true"], [sortable="false"]):hover:active,
-      treecolpicker:hover:active {
-        background-color: var(--organizer-selected-background) !important;
-      }
-
-      treecol:not([hideheader="true"], :first-child),
-      treecolpicker {
-        padding-left: 10px !important;
-        border-inline-start-width: 1px !important;
-        border-inline-start-style: solid !important;
-        border-image: linear-gradient(
-            transparent 0%,
-            transparent 20%,
-            var(--organizer-border-color) 20%,
-            var(--organizer-border-color) 80%,
-            transparent 80%,
-            transparent 100%
-          )
-          1 1 !important;
-      }
-
-      treecol[sortDirection]:not([hideheader="true"]) > xul|*.treecol-sortdirection {
-        fill: currentColor !important;
-        width: 18px !important;
-        height: 18px !important;
-      }
-
-      treechildren::-moz-tree-row {
-        background-color: transparent !important;
-      }
-
-      treechildren::-moz-tree-row(hover) {
-        background-color: var(--organizer-hover-background) !important;
-      }
-
-      treechildren::-moz-tree-row(selected) {
-        background-color: var(--organizer-selected-background) !important;
-        color: var(--organizer-selected-color) !important;
-        border: 1px solid transparent !important;
-      }
-
-      treechildren::-moz-tree-image(hover),
-      treechildren::-moz-tree-twisty(hover),
-      treechildren::-moz-tree-cell-text(hover) {
-        color: var(--organizer-hover-color) !important;
-      }
-
-      treechildren::-moz-tree-image(selected),
-      treechildren::-moz-tree-twisty(selected),
-      treechildren::-moz-tree-cell-text(selected) {
-        color: var(--organizer-selected-color) !important;
-      }
-
-      treechildren::-moz-tree-separator {
-        height: 1px !important;
-        border-color: var(--organizer-separator-color) !important;
-      }
-
-      treechildren::-moz-tree-separator(hover) {
-        border-color: var(--organizer-hover-color) !important;
-      }
-
-      treechildren::-moz-tree-separator(selected) {
-        border-color: var(--organizer-selected-color) !important;
-      }
-
-      /*- Info Box -----------------------------------------------------------*/
-      #detailsPane {
-        background-color: var(--organizer-pane-background) !important;
-        color: var(--organizer-color) !important;
-        padding: 5px !important;
-        border-top: 1px solid var(--organizer-border-color) !important;
-      }
-
-      #editBookmarkPanelRows .expander-up,
-      #editBookmarkPanelRows .expander-down {
-        appearance: none !important;
-        min-width: 0 !important;
-        padding: 5px !important;
-        margin: 0 !important;
-        margin-inline-end: 4px !important;
-        border: 1px solid var(--organizer-pane-field-border-color) !important;
-        border-radius: 0/* 4px */ !important;
-        color: var(--organizer-color) !important;
-        background-color: var(--organizer-content-background) !important;
-        list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-        -moz-context-properties: fill !important;
-        fill: currentColor !important;
-      }
-
-      #editBookmarkPanelRows .expander-up:hover,
-      #editBookmarkPanelRows .expander-down:hover {
-        background-color: var(--organizer-hover-background) !important;
-        color: var(--organizer-hover-color) !important;
-      }
-
-      #editBookmarkPanelRows .expander-up:hover:active,
-      #editBookmarkPanelRows .expander-down:hover:active {
-        background-color: var(--organizer-selected-background) !important;
-        color: var(--organizer-selected-color) !important;
-      }
-
-      #editBookmarkPanelRows .expander-up:focus-visible,
-      #editBookmarkPanelRows .expander-down:focus-visible {
-        outline: 2px solid var(--organizer-outline-color) !important;
-        outline-offset: -1px !important;
-      }
-
-      #editBookmarkPanelRows .expander-up {
-        list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
-      }
-
-      #editBookmarkPanelRows .expander-up > .button-box,
-      #editBookmarkPanelRows .expander-down > .button-box {
-        padding: 0 !important;
-      }
-
-      #places input {
-        border: 1px solid var(--organizer-pane-field-border-color) !important;
-        border-radius: 0/* 4px */ !important;
-        background-color: var(--organizer-content-background) !important;
-        color: var(--organizer-color) !important;
-        min-height: 20px !important;
-        padding-inline: 4px !important;
-      }
-
-      #places input:focus {
-        outline: 2px solid var(--organizer-outline-color) !important;
-        outline-offset: -1px !important;
-      }
-
-      #places input:not(:read-write):focus {
-        outline: none !important;
-      }
-
-      .caption-label {
-        margin-inline-start: 8px !important;
-        color: var(--organizer-deemphasized-color) !important;
-      }
-
-      #editBMPanel_tagsSelectorRow > richlistbox {
-        appearance: none !important;
-        color: var(--organizer-color) !important;
-        background-color: var(--organizer-content-background) !important;
-        border: 1px solid var(--organizer-border-color) !important;
-        border-radius: 0/* 4px */ !important;
-      }
-
-      #editBMPanel_tagsSelectorRow > richlistbox > richlistitem {
-        border: 1px solid transparent !important;
-      }
-
-      #editBMPanel_tagsSelectorRow > richlistbox > richlistitem:hover {
-        background-color: var(--organizer-hover-background) !important;
-        color: var(--organizer-hover-color) !important;
-      }
-
-      #editBMPanel_tagsSelectorRow > richlistbox > richlistitem[selected] {
-        background-color: var(--organizer-selected-background) !important;
-        color: var(--organizer-selected-color) !important;
-      }
-    }
-  }
-
-  /* Fully Dark Mode }}} */
-
-  /** Decoration {{{ */
-  /*= Cursor Types ===========================================================*/
-  #appMenu-proton-update-banner,
-  #appMenu-fxa-status2:not([fxastatus]) > #appMenu-fxa-label2,
-  #appMenu-zoomReduce-button2,
-  #appMenu-zoomReset-button2,
-  #appMenu-zoomEnlarge-button2,
-  #appMenu-fullscreen-button2,
-  #panelMenu_showAllBookmarks,
-  #PanelUI-historyMore,
-  #appMenuClearRecentHistory:not([disabled]),
-  #appMenu-library-recentlyClosedTabs > .restoreallitem.panel-subview-footer-button,
-  #appMenu-library-recentlyClosedWindows > .restoreallitem.panel-subview-footer-button,
-  #BMB_viewBookmarksSidebar,
-  #BMB_bookmarksShowAllTop,
-  #BMB_bookmarksShowAll,
-  #import-button,
-  menuitem.openintabs-menuitem,
-  #downloadsListBox .downloadButton,
-  #downloadsListBox .download-state[exists],
-  #downloadsListBox .download-state[exists] .downloadDetails,
-  #downloadsHistory,
-  #protections-popup-settings-button,
-  #protections-popup-show-report-button,
-  #identity-popup-clear-sitedata-button,
-  #identity-popup-more-info {
-    cursor: pointer !important;
-  }
-  /** Decoration }}} */
-
-  /** Reduce Padding {{{ */
-  /*= Root - Reduce Padding ==================================================*/
-  :root {
-    /* Tab Bar */
-    --proton-tab-block-margin: 2px !important; /* Original: 4px, Legacy */
-    --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */
-    --inline-tab-padding: 6px !important; /* Original: 8px */
-
-    /* Panel */
-    --arrowpanel-menuicon-padding: 8px;
-    --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important; /* Original: 0 8px */
-    --arrowpanel-menuitem-padding: 5px !important; /* Original: 8px */
-    --arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
-  }
-  :root[uidensity="compact"] {
-    /* Tool Bar */
-    --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */
-
-    /* Panel */
-    --arrowpanel-menuitem-padding: 3px !important; /* Original: 8px */
-  }
-
-  /* Toolbar Height */
-  :root:not([uidensity="touch"]) #TabsToolbar {
-    --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
-  }
-
-  .toolbar-items,
-  .tabbrowser-tab {
-    --tabbar-max-height: 38px;
-    max-height: calc(var(--tabbar-max-height) + var(--space-above-tabbar));
-  }
-  :root[uidensity="compact"] .toolbar-items,
-  :root[uidensity="compact"] .tabbrowser-tab {
-    --tabbar-max-height: 36px;
-  }
-  :root[uidensity="touch"] .toolbar-items,
-  :root[uidensity="touch"] .tabbrowser-tab {
-    --tabbar-max-height: 45px;
-  }
-
-  /* Scroll Button - Size Fix */
-  :root #tabbrowser-arrowscrollbox {
-    --scrollbtn-vertical-padding: 3px;
-    --scrollbtn-vertical-border: 2px;
-    --scrollbtn-border-radius: 0/* 7px */;
-  }
-  #scrollbutton-up,
-  #scrollbutton-down {
-    /* Original: var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 6px) = 9px */
-    /* https://github.com/mozilla/gecko-dev/blob/71b1259afd1cdaf41871ae675c2dadb967ea5b34/browser/themes/shared/toolbarbuttons.inc.css#L142 */
-    padding-top: var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important;
-    padding-bottom: var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important;
-
-    /* Original: 4px */
-    border-top-width: var(--scrollbtn-vertical-border, 4px) !important;
-    border-bottom-width: var(--scrollbtn-vertical-border, 4px) !important;
-    /* Original: calc(var(--tab-border-radius) + 4px) = 8px */
-    border-radius: var(--scrollbtn-border-radius, calc(var(--tab-border-radius) + 4px)) !important;
-  }
-
-  :root[tabsintitlebar]:not([uidensity="compact"]) #toolbar-menubar[autohide="true"] {
-    height: calc(
-      var(--tab-min-height) - var(--tabs-navbar-shadow-size) - 2px
-    ); /* Compact: 28px, Normal: 33px, Touch: 38px */
-  }
-
-  /*= Nav Bar - Reduce Width =================================================*/
-  #nav-bar:not([customizing]) toolbarspring {
-    min-width: 1px !important;
-    max-width: 100px !important;
-  }
-
-  /*= URL Bar - Reduce Padding ===============================================*/
-  :root:not([uidensity="touch"]) #urlbar-container,
-  :root:not([uidensity="touch"]) #search-container {
-    padding-block: 3px !important; /* Original: 4px */
-    margin-inline: 5px !important; /* Original: 5px */
-  }
-  :root:not([uidensity="compact"]) #urlbar-container,
-  :root:not([uidensity="compact"]) #search-container {
-    padding-block: 2px !important;
-  }
-
-  /* spread menu */
-  :root:not([uidensity]) .urlbarView-row {
-    padding-block: 1px !important; /* Original: 2px */
-  }
-  :root[uidensity="compact"] .urlbarView-row {
-    padding-block: 0px !important;
-  }
-
-  :root:not([uidensity]) #urlbar .search-one-offs:not([hidden]) {
-    padding-block: 8px !important; /* Original: 10px */
-  }
-  :root[uidensity="compact"] #urlbar .search-one-offs:not([hidden]) {
-    padding-block: 2px !important;
-  }
-
-  /*= BookMark Bar - Reduce Height ===========================================*/
-  :root[uidensity="compact"] #PersonalToolbar toolbarbutton {
-    margin-top: 0px; /* Original: 2px */
-  }
-
-  /*= Info Bar - Reduce Padding ==============================================*/
-  :root:not([uidensity]) #tab-notification-deck {
-    --infobar-message-margin: 0 4px 3px;
-  }
-  :root[uidensity="compact"] #tab-notification-deck {
-    --infobar-message-margin: 0 4px 2px;
-  }
-  #tab-notification-deck notification-message[message-bar-type="infobar"]:not([style*="margin-top"]) {
-    margin: var(--infobar-message-margin, 0 4px 4px) !important;
-  }
-
-  :root:not([uidensity]) notification-message[message-bar-type="infobar"] {
-    --infobar-vertical-margin: 7px;
-    --infobar-button-vertical-margin: 3px;
-  }
-  :root[uidensity="compact"] notification-message[message-bar-type="infobar"] {
-    --infobar-vertical-margin: 6px;
-    --infobar-button-vertical-margin: 2px;
-  }
-  .infobar > .icon {
-    margin-block: var(--infobar-vertical-margin, 8px) !important; /* Original: 8px */
-  }
-  .notification-message {
-    padding-block: var(--infobar-vertical-margin, 8px) !important; /* Original: 8px */
-  }
-  .notification-button-container > .notification-button {
-    margin-block: var(--infobar-button-vertical-margin, 4px) !important; /* Original: 4px */
-  }
-  .notification-close {
-    margin: var(--infobar-button-vertical-margin, 4px) 8px !important; /* Original: 4px 8px */
-  }
-
-  /* Hard coded for compatibility - Disappearing phenomenon */
-  .container.infobar::before {
-    content: "";
-    display: block;
-    width: 2px;
-    position: absolute;
-    background-image: linear-gradient(0, #9059ff 0%, #ff4aa2 52.08%, #ffbd4f 100%);
-    top: 0;
-    inset-inline-start: 0;
-    height: 100%;
-    border-start-start-radius: 4px;
-    border-end-start-radius: 4px;
-  }
-
-  /*= Menu - Reduce Padding ==================================================*/
-  :root {
-    --menu-padding: 0.35em; /* Win7, 8: 0px */
-  }
-  :root[uidensity="compact"] {
-    --menu-padding: 0.25em;
-  }
-  :root[uidensity="touch"] {
-    --menu-padding: 0.5em;
-  }
-  menupopup:not(.in-menulist) > menuitem,
-  menupopup > menu {
-    /* Original: 0.5em */
-    padding-block: var(--menu-padding) !important;
-  }
-
-  @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-    :root:not([uidensity="touch"]) .menu-text,
-    :root:not([uidensity="touch"]) .menu-iconic-text {
-      padding-inline-end: 0 !important; /* Original: 2px */
-    }
-    :root:not([uidensity="touch"]) .menupopup-arrowscrollbox {
-      padding-block: 1px !important; /* Original: 4px*/
-    }
-    :root:not([uidensity="touch"]) #context-navigation:not([hidden]) {
-      padding: 0 0 1px !important; /* Original: 0 0 4px*/
-    }
-    :root:not([uidensity="touch"]) .menu-right {
-      margin-right: 6px !important; /* Original: 12px */
-    }
-  }
-
-  @media (-moz-gtk-csd-available) {
-    menupopup > menu {
-      padding-inline-start: 0.5em;
-    }
-  }
-
-  /* Arrow Icon Align to Right */
-  .bookmark-item.subviewbutton > .menu-right {
-    margin-inline-end: 0 !important;
-  }
-
-  /*= Bookmark Menu - Reduce Padding =========================================*/
-  :root {
-    --bookmark-menu-padding: 3px;
-  }
-  :root[uidensity="compact"] {
-    --bookmark-menu-padding: 1.5px;
-  }
-
-  :root:not([uidensity="touch"]) #BMB_bookmarksPopup .subviewbutton,
-  :root:not([uidensity="touch"]) #BMB_bookmarksPopup .subviewbutton,
-  :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .bookmark-item,
-  :root:not([uidensity="touch"]) #PlacesToolbar menupopup[placespopup] .openintabs-menuitem {
-    padding-block: var(--bookmark-menu-padding) !important;
-  }
-
-  /*= Global Menu - Set Padding ==============================================*/
-  /* Vertical Align - Center & Height: 100%  */
-  #main-menubar {
-    -moz-box-flex: 1 !important;
-  }
-
-  /* Rounding */
-  #main-menubar > menu {
-    border-radius: 0/* 4px */;
-  }
-
-  /* Menubar item padding */
-  :root {
-    --global-menubar-padding: 2px;
-  }
-  :root[uidensity="compact"] {
-    --global-menubar-padding: 1px;
-  }
-  :root[uidensity="touch"] {
-    --global-menubar-padding: 4px;
-  }
-  #main-menubar > menu {
-    padding-block: var(--global-menubar-padding) !important;
-  }
-
-  /* Reduce items */
-  #main-menubar > menu > menupopup menuitem,
-  #main-menubar > menu > menupopup menu {
-    padding-block: var(--bookmark-menu-padding) !important;
-  }
-
-  /*= Popup Panel - Reduce padding ===========================================*/
-  #protections-popup-main-header-label {
-    height: unset !important; /* Original: 37.6px */
-  }
-
-  #identity-popup,
-  #permission-popup,
-  #protections-popup {
-    --vertical-section-padding: 0.8em; /* Original: 0.9em */
-  }
-
-  .protections-popup-footer-button,
-  .protections-popup-category {
-    min-height: 24px; /* Original: 32px */
-    height: unset !important;
-  }
-
-  /** Popup panel - Compact mode  */
-  /* Footer Button Height */
-  :root[uidensity="compact"] .panel-footer.panel-footer-menulike > button {
-    padding: 3px 8px !important;
-  }
-  /* Footer Button Height */
-  :root[uidensity="compact"] #protections-popup-trackersView-settings-button {
-    margin: 4px 8px 0 !important;
-  }
-  /* not cut off for Protection popup Footer on windows */
-  :root[uidensity="compact"] #protections-popup-multiView #protections-popup-footer {
-    padding: 3px 0 20px !important;
-  }
-  /* Button and disabed category in Protection popup */
-  :root[uidensity="compact"] #protections-popup-multiView .protections-popup-footer-button,
-  :root[uidensity="compact"] #protections-popup-multiView .protections-popup-category {
-    height: 20px !important;
-    min-height: 20px !important;
-  }
-  /* Footer Button in Tracking Content Panel */
-  :root[uidensity="compact"] #protections-popup-multiView .panel-footer.panel-footer-menulike {
-    margin: 0 0 3px !important;
-  }
-  /* Identity popup header padding */
-  :root[uidensity="compact"] #identity-popup-multiView #identity-popup-mainView-panel-header {
-    padding: 2px 5px !important;
-  }
-  /* Text When There is no trackers */
-  :root[uidensity="compact"] #protections-popup-no-trackers-found-description {
-    margin: 2em 4em !important;
-  }
-  /* Download Item margin */
-  :root[uidensity="compact"] #downloadsListBox {
-    margin: 0 !important;
-  }
-
-  /** Tab Bar - Connect to window *********************************************/
-  .tab-background {
-    border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important;
-    margin-bottom: 0px !important;
-  }
-
-  .tab-content {
-    margin-top: var(--tab-block-margin);
-  }
-
-  .tab-stack {
-    margin-top: 0px !important;
-    margin-bottom: 0px !important;
-  }
-
-  /* Remove line at Toolbar's top */
-  #tabbrowser-tabs {
-    z-index: 1 !important;
-  }
-  #tabbrowser-arrowscrollbox[overflowing] .tabbrowser-tab[pinned]:is([visuallyselected], [multiselected]) {
-    overflow: hidden;
-  }
-  /* Reduce Padding }}} */
-
-  /** Library - Icons Replace {{{ */
-  /*= Standard Folder - More Visible =========================================*/
-  /* on Toolbar and Menus */
-  :-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() */
-  :-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]),
-  /* Download Popup */
-  .downloadIconShow > .button-box > .button-icon {
-    list-style-image: url("./icons/folder.svg") !important;
-  }
-
-  /* Standard Folder - Open */
-  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu)
-    .bookmark-item[container="true"]:not([query="true"], [tagContainer], [dayContainer])[open="true"],
-  :-moz-any(#bookmarks-view, #historyTree, #editBMPanel_folderTree, #placesList, #placeContent)
-    treechildren::-moz-tree-image(title, container, open) {
-    list-style-image: url("./icons/folder-open.svg") !important;
-  }
-
-  /*= Other Folder - Inbox Icon ==============================================*/
-  /* on Menus */
-  #PlacesToolbar #OtherBookmarks,
-  #BMB_bookmarksPopup #BMB_unsortedBookmarks,
-  #bookmarksMenuPopup #menu_unsortedBookmarks,
-  /* Other Bookmarks -- in Sidebar, Library, Add/Edit Bookmark dialog */
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_unfiled_____),
-  #editBMPanel_unfiledRootItem,
-  #editBMPanel_folderMenuList[selectedGuid="unfiled_____"] {
-    list-style-image: url("./icons/mail-inbox-all.svg") !important;
-  }
-
-  /* Other Folder - Open */
-  #PlacesToolbar #OtherBookmarks[open="true"],
-  #BMB_bookmarksPopup #BMB_unsortedBookmarks[open="true"],
-  #bookmarksMenuPopup #menu_unsortedBookmarks[open="true"],
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent)
-    treechildren::-moz-tree-image(container, open, OrganizerQuery_UnfiledBookmarks),
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent)
-    treechildren::-moz-tree-image(container, open, queryFolder_unfiled_____) {
-    list-style-image: url("./icons/mail-inbox.svg") !important;
-  }
-
-  /*= Default Icon - Overide =================================================*/
-  /* https://github.com/mozilla/gecko-dev/blob/master/browser/themes/shared/places/tree-icons.css */
-
-  /* Query */
-  :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query) {
-    list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important;
-  }
-
-  /* History */
-  :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, dayContainer),
-  :-moz-any(#historyTree, #placesList, #placeContent)
-    treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
-    list-style-image: url("chrome://browser/skin/history.svg") !important;
-  }
-
-  /* Downloads */
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
-    list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important;
-  }
-
-  /* Tag */
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, tagContainer),
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v) {
-    list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
-  }
-
-  /* Boomark */
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
-    list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
-  }
-
-  /* Bookmark Toolbar */
-  #BMB_bookmarksPopup #BMB_bookmarksToolbar,       /* Original: Default folder icon */
-  #bookmarksMenuPopup #bookmarksToolbarFolderMenu, /* Original: Default folder icon */
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
-    list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
-  }
-
-  /* Bookmark Menu */
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent)
-    treechildren::-moz-tree-image(container, queryFolder_menu________) {
-    list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
-  }
-
-  /*= Default Icon - Open ====================================================*/
-  /* Query */
-  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu)
-    .bookmark-item[container="true"][query="true"]:not([tagContainer])[open="true"]
-    > .menu-iconic-left
-    > .menu-iconic-icon {
-    transform: rotate(15deg) !important;
-  }
-
-  /* History */
-  :-moz-any(#historyTree, #placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, dayContainer),
-  :-moz-any(#historyTree, #placesList, #placeContent)
-    treechildren::-moz-tree-image(query, open, OrganizerQuery_history____v) {
-    list-style-image: url("./icons/history-reverse.svg") !important;
-  }
-
-  /* Tag */
-  :-moz-any(#PlacesToolbar, #BMB_bookmarksPopup, #bookmarksMenu)
-    .bookmark-item[container="true"][tagContainer="true"][open="true"],
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(title, query, open, tagContainer),
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_tags_______v) {
-    list-style-image: url("./icons/tag-open.svg") !important;
-  }
-
-  /* Boomark */
-  :-moz-any(#placesList, #placeContent) treechildren::-moz-tree-image(query, open, OrganizerQuery_allbms_____v) {
-    list-style-image: url("chrome://browser/skin/bookmark-hollow.svg") !important;
-  }
-
-  /* Bookmark Toolbar */
-  #BMB_bookmarksPopup #BMB_bookmarksToolbar[open="true"],
-  #bookmarksMenuPopup #bookmarksToolbarFolderMenu[open="true"],
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent)
-    treechildren::-moz-tree-image(container, open, queryFolder_toolbar_____) {
-    list-style-image: url("./icons/bookmarksToolbar-open.svg") !important;
-  }
-
-  /* Bookmark Menu */
-  :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent)
-    treechildren::-moz-tree-image(container, open, queryFolder_menu________) {
-    list-style-image: url("./icons/bookmarksMenu-open.svg") !important; /* or bookmarksMenu-open2.svg" */
-  }
-
-  /*= Menubar - Icons =========================================*/
-  @-moz-document url("chrome://browser/content/places/places.xhtml")
-  {
-    @media (-moz-gtk-csd-available) {
-      #organizeButton,
-      #viewMenu,
-      #maintenanceButton,
-      #back-button,
-      #forward-button,
-      #clearDownloadsButton {
-        fill: currentColor !important;
-        -moz-context-properties: fill !important;
-      }
-
-      /* Add */
-      #organizeButton {
-        list-style-image: url("chrome://global/skin/icons/settings.svg") !important;
-      }
-      #viewMenu {
-        list-style-image: url("./icons/sort.svg") !important;
-      }
-      #maintenanceButton {
-        list-style-image: url("./icons/import-export.svg") !important;
-      }
-
-      #clearDownloadsButton {
-        list-style-image: url("chrome://global/skin/icons/delete.svg") !important;
-      }
-      #clearDownloadsButton > .toolbarbutton-icon {
-        display: -moz-inline-box !important;
-        margin-top: 0;
-        margin-bottom: 0;
-        margin-inline-start: 0;
-        margin-inline-end: 2px;
-      }
-
-      /* Replace */
-      #back-button {
-        list-style-image: url("chrome://browser/skin/back.svg") !important;
-      }
-      #forward-button {
-        list-style-image: url("chrome://browser/skin/forward.svg") !important;
-      }
-
-      #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
-      #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
-        transform: scaleX(-1) !important;
-      }
-    }
-  }
-  /** Library - Icons Replace }}} */
-
-  /** Panel - Icons {{{ */
-  /*= Padding ================================================================*/
-  :root {
-    --arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + 8px) !important;
-    --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important;
-  }
-
-  #downloadsHistory .button-text,
-  .subviewbutton > .toolbarbutton-text {
-    padding-inline-start: var(--arrowpanel-menuicon-padding) !important;
-  }
-  .toolbaritem-combined-buttons > .subviewbutton:not(.subviewbutton-iconic) > .toolbarbutton-text {
-    padding-inline-start: 0 !important;
-  }
-  #panelMenu_bookmarksMenu .subviewbutton[disabled="true"] .toolbarbutton-text,
-  #appMenu_historyMenu .subviewbutton[disabled="true"] .toolbarbutton-text {
-    padding-inline-start: var(--arrowpanel-menublank-padding) !important;
-  }
-  #appMenu-proton-update-banner .toolbarbutton-text {
-    margin-inline-start: 0 !important;
-  }
-
-  #appMenu-multiView .subviewbutton::before,
-  #appMenu-proton-update-banner::before {
-    display: -moz-inline-box;
-    margin-inline-end: var(--arrowpanel-menuicon-padding);
-    width: 16px;
-    height: 16px;
-  }
-  #appMenu-proton-update-banner {
-    margin-bottom: 2px !important;
-  }
-  #appMenu-proton-update-banner::before {
-    margin-inline-start: var(--arrowpanel-menuitem-padding) !important;
-  }
-  #appMenu-fxa-status2,
-  #appMenu-zoom-controls2 {
-    align-items: center;
-    padding-top: var(--arrowpanel-menuimageblank-padding) !important;
-    padding-bottom: var(--arrowpanel-menuimageblank-padding) !important;
-  }
-  #appMenu-zoom-controls2::before {
-    margin-inline-end: 0 !important;
-  }
-
-  .subviewbutton[type="checkbox"]:not([checked="true"]) > .toolbarbutton-text {
-    margin-left: 16px !important;
-  }
-
-  /* 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;
-    -moz-context-properties: fill !important;
-  }
-  #appMenu-zoomReduce-button2 > .toolbarbutton-icon,
-  #appMenu-zoomEnlarge-button2 > .toolbarbutton-icon {
-    stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important;
-    -moz-context-properties: fill, stroke !important;
-  }
-  #appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon,
-  #appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon {
-    stroke: var(--button-hover-bgcolor) !important;
-  }
-
-  .subviewbutton[disabled="true"] > image {
-    /* Ghost icons when disabled */
-    opacity: 0.4;
-  }
-
-  /*= 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("./icons/whatsnew.svg");
-  }
-  #appMenu-fxa-status2::before {
-    /* Don't exist img tag */
-    content: url("chrome://browser/skin/fxa/avatar-empty.svg");
-  }
-  #appMenu-fxa-status2:is([fxastatus="signedin"], [fxastatus="unverified"], [fxastatus="login-failed"])::before {
-    display: none;
-  }
-  #appMenu-fxa-status2:is([fxastatus="signedin"], [fxastatus="unverified"], [fxastatus="login-failed"])
-    #appMenu-fxa-label2::before {
-    /* url("https://profile.accounts.firefox.com/v1/avatar/a") */
-    content: "";
-    border-radius: 0/* 50% */ !important;
-    background-size: 16px !important;
-    background-image: var(--avatar-image-url) !important;
-  }
-
-  #appMenu-new-tab-button2 {
-    list-style-image: url("chrome://browser/skin/new-tab.svg");
-  }
-  #appMenu-new-window-button2 {
-    list-style-image: url("chrome://browser/skin/window.svg");
-  }
-  #appMenu-new-private-window-button2 {
-    list-style-image: url("chrome://browser/skin/privateBrowsing.svg");
-  }
-
-  #appMenu-bookmarks-button {
-    list-style-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #appMenu-history-button {
-    list-style-image: url("chrome://browser/skin/history.svg");
-  }
-  #appMenu-downloads-button {
-    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
-  }
-  #appMenu-passwords-button {
-    list-style-image: url("chrome://browser/skin/login.svg");
-  }
-  #appMenu-extensions-themes-button {
-    list-style-image: url("chrome://mozapps/skin/extensions/extension.svg");
-  }
-
-  #appMenu-print-button2 {
-    list-style-image: url("chrome://global/skin/icons/print.svg");
-  }
-  #appMenu-save-file-button2 {
-    list-style-image: url("chrome://browser/skin/save.svg");
-  }
-  #appMenu-find-button2 {
-    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
-  }
-  #appMenu-zoom-controls2::before {
-    content: url("./icons/screenshot.svg");
-  }
-
-  #appMenu-settings-button {
-    list-style-image: url("chrome://global/skin/icons/settings.svg");
-  }
-  #appMenu-more-button2 {
-    list-style-image: url("chrome://browser/skin/ion.svg");
-  }
-  #appMenu-help-button2 {
-    list-style-image: url("chrome://global/skin/icons/help.svg");
-  }
-
-  #appMenu-quit-button2 {
-    list-style-image: url("./icons/quit.svg");
-  }
-
-  /*= Panel - Account ========================================================*/
-  #PanelUI-fxa-menu-connect-device-button .toolbarbutton-icon,
-  #PanelUI-fxa-menu-account-signout-button .toolbarbutton-icon {
-    width: 16px !important;
-    height: 16px !important;
-  }
-
-  /* Default */
-  #fxa-manage-account-button::before {
-    content: "";
-    display: -moz-inline-box;
-    width: 32px !important;
-    height: 32px !important;
-    border-radius: 0/* 50% */;
-    background-size: 32px;
-    background-image: var(--avatar-image-url);
-    margin-inline-end: var(--arrowpanel-menuicon-padding);
-  }
-
-  .syncNowBtn {
-    visibility: visible !important;
-    -moz-box-ordinal-group: 1 !important;
-    margin-inline-end: var(--arrowpanel-menuicon-padding);
-  }
-  #PanelUI-fxa-menu-setup-sync-button {
-    list-style-image: url("chrome://browser/skin/sync.svg");
-  }
-
-  #PanelUI-fxa-menu-connect-device-button {
-    list-style-image: url("chrome://browser/skin/fxa/add-device.svg");
-  }
-  #PanelUI-fxa-menu-sendtab-button {
-    list-style-image: url("./icons/send-to-device.svg");
-  }
-  #PanelUI-fxa-menu-sync-prefs-button,
-  #PanelUI-remotetabs-view-managedevices {
-    list-style-image: url("chrome://global/skin/icons/settings.svg");
-  }
-  #PanelUI-fxa-menu-account-signout-button {
-    list-style-image: url("./icons/sign-out.svg");
-  }
-
-  .PanelUI-remotetabs-notabsforclient-label {
-    margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
-    padding-inline-start: var(--arrowpanel-menublank-padding) !important;
-  }
-
-  /* Change Separator */
-  #PanelUI-fxa-menu::before {
-    content: "";
-    display: -moz-box;
-    border-bottom: 1px solid var(--panel-separator-color);
-    margin: var(--panel-separator-margin);
-    padding: 0;
-  }
-  #PanelUI-fxa-menu > :first-child {
-    -moz-box-ordinal-group: 0;
-  }
-  #PanelUI-sign-out-separator {
-    display: none;
-  }
-  .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""], /* Legacy */
-  .sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] {
-    list-style-image: url("./icons/send-to-device.svg");
-  }
-  .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]), /* Legacy */
-  .sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) {
-    list-style-image: url("chrome://global/skin/icons/settings.svg");
-  }
-
-  /*= Panel - Bookmark =======================================================*/
-  #panelMenuBookmarkThisPage {
-    list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
-  }
-  panelMenuBookmarkThisPage[starred] {
-    list-style-image: url("chrome://browser/skin/bookmark.svg");
-  }
-
-  #panelMenu_searchBookmarks {
-    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
-  }
-  #panelMenu_viewBookmarksToolbar {
-    list-style-image: url("chrome://browser/skin/bookmarks-toolbar.svg");
-  }
-
-  #panelMenu_showAllBookmarks {
-    list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
-  }
-
-  /*= Panel - History ========================================================*/
-  #appMenuRecentlyClosedTabs {
-    list-style-image: url("chrome://browser/skin/tab.svg");
-  }
-  #appMenuRecentlyClosedWindows {
-    list-style-image: url("chrome://browser/skin/window.svg");
-  }
-  #appMenuRestoreSession {
-    list-style-image: url("./icons/restore-session.svg");
-  }
-  #appMenuClearRecentHistory {
-    list-style-image: url("chrome://browser/skin/forget.svg");
-  }
-
-  #PanelUI-historyMore {
-    list-style-image: url("chrome://browser/skin/history.svg");
-  }
-
-  #appMenu-library-recentlyClosedTabs {
-    list-style-image: url("./icons/movetowindow-16.svg");
-  }
-  #appMenu-library-recentlyClosedWindows {
-    list-style-image: url("./icons/restore-session.svg");
-  }
-
-  /*= Panel - More tools =====================================================*/
-  #appmenu-moreTools-button {
-    list-style-image: url("chrome://browser/skin/customize.svg");
-  }
-
-  /* Web Developer Tools */
-  #appmenu-developer-tools-view .subviewbutton:nth-child(1),
-  #PanelUI-developer-tools-view .subviewbutton:nth-child(1) {
-    list-style-image: url("./icons/developer.svg");
-  }
-  /* Task Manager */
-  #appmenu-developer-tools-view .subviewbutton:nth-child(2),
-  #PanelUI-developer-tools-view .subviewbutton:nth-child(2) {
-    list-style-image: url("./icons/performance.svg");
-  }
-  /* Remote Debugging - Edge bug.svg */
-  #appmenu-developer-tools-view .subviewbutton:nth-child(3),
-  #PanelUI-developer-tools-view .subviewbutton:nth-child(3) {
-    list-style-image: url("./icons/bug.svg");
-  }
-  /* Browser Toolbox - Edge webdeveloper.svg */
-  #appmenu-developer-tools-view .subviewbutton:nth-child(4),
-  #PanelUI-developer-tools-view .subviewbutton:nth-child(4) {
-    list-style-image: url("./icons/window-dev-tools.svg");
-  }
-  /* Browser Content Toolbaox -  */
-  #appmenu-developer-tools-view .subviewbutton:nth-child(5),
-  #PanelUI-developer-tools-view .subviewbutton:nth-child(5) {
-    list-style-image: url("./icons/command-frames.svg");
-  }
-  /* Browser Console */
-  #appmenu-developer-tools-view .subviewbutton:nth-last-child(5),
-  #PanelUI-developer-tools-view .subviewbutton:nth-last-child(5) {
-    list-style-image: url("chrome://devtools/skin/images/command-console.svg");
-  }
-  /* Responsive Design Mode */
-  #appmenu-developer-tools-view .subviewbutton:nth-last-child(4),
-  #PanelUI-developer-tools-view .subviewbutton:nth-last-child(4) {
-    list-style-image: url("./icons/command-responsivemode.svg");
-  }
-  /* Eyedropper */
-  #appmenu-developer-tools-view .subviewbutton:nth-last-child(3),
-  #PanelUI-developer-tools-view .subviewbutton:nth-last-child(3) {
-    list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
-  }
-  /* Page Source - Edge file-search.svg */
-  #appmenu-developer-tools-view .subviewbutton:nth-last-child(2),
-  #PanelUI-developer-tools-view .subviewbutton:nth-last-child(2) {
-    list-style-image: url("./icons/document-search.svg");
-  }
-  /* Extensions for Devel */
-  #appmenu-developer-tools-view .subviewbutton:nth-last-child(1),
-  #PanelUI-developer-tools-view .subviewbutton:nth-last-child(1) {
-    list-style-image: url("chrome://devtools/skin/images/debugging-addons.svg");
-  }
-  #appmenu-developer-tools-view .subviewbutton:last-child {
-    margin-bottom: 6px !important;
-  }
-
-  /*= Panel - Help ===========================================================*/
-  #appMenu_menu_openHelp {
-    list-style-image: url("chrome://global/skin/icons/help.svg");
-  }
-  #appMenu_feedbackPage {
-    list-style-image: url("./icons/send.svg");
-  }
-  #appMenu_helpSafeMode {
-    list-style-image: url("chrome://devtools/skin/images/debugging-workers.svg");
-  }
-  #appMenu_troubleShooting {
-    list-style-image: url("chrome://global/skin/icons/more.svg");
-  }
-  #appMenu_help_reportSiteIssue {
-    list-style-image: url("chrome://global/skin/icons/lightbulb.svg");
-  }
-  #appMenu_menu_HelpPopup_reportPhishingtoolmenu {
-    list-style-image: url("chrome://global/skin/icons/warning.svg");
-  }
-  #appMenu_aboutName {
-    list-style-image: url("chrome://global/skin/icons/info.svg");
-  }
-
-  /*= Panel - Library ========================================================*/
-  #appMenu-library-bookmarks-button {
-    list-style-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #appMenu-library-history-button {
-    list-style-image: url("chrome://browser/skin/history.svg");
-  }
-  #appMenu-library-downloads-button {
-    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
-  }
-
-  /*= Panel - Downloads ======================================================*/
-  #downloadsHistory {
-    list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
-  }
-  #downloadsHistory .box-inherit.button-box {
-    display: -moz-inline-box !important;
-  }
-
-  /*= Toolbar - Overflow Menu ================================================*/
-  #overflowMenu-customize-button {
-    list-style-image: url("chrome://browser/skin/customize.svg");
-  }
-
-  /*= Tabbar - All Tab Menu ==================================================*/
-  #allTabsMenu-undoCloseTab {
-    list-style-image: url("chrome://global/skin/icons/undo.svg");
-  }
-  #allTabsMenu-searchTabs {
-    list-style-image: url("chrome://global/skin/icons/search-glass.svg");
-  }
-  #allTabsMenu-containerTabsButton {
-    list-style-image: url("./icons/container-openin-16.svg");
-  }
-
-  #allTabsMenu-hiddenTabsButton {
-    list-style-image: url("./icons/password-hide.svg");
-  }
-
-  #allTabsMenu-containerTabsView .subviewbutton:last-child {
-    list-style-image: url("chrome://global/skin/icons/settings.svg");
-  }
-
-  /*= BMB_bookmarksPopup =====================================================*/
-  #BMB_viewBookmarksSidebar {
-  }
-  #BMB_bookmarksShowAllTop,
-  #BMB_bookmarksShowAll {
-    --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
-  }
-  #BMB_bookmarksToolbar {
-    --menuitem-image: url("chrome://browser/skin/bookmarks-toolbar.svg");
-  }
-
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-    #BMB_bookmarksShowAllTop {
-      list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") !important;
-    }
-    #BMB_bookmarksShowAllTop > .menu-conic-left {
-      display: -moz-box !important;
-    }
-  }
-
-  /*= protections-popup ======================================================*/
-  #protections-popup-settings-button > .protections-popup-settings-icon,
-  #protections-popup-show-report-button > .protections-popup-show-report-icon {
-    -moz-context-properties: fill;
-    fill: currentColor;
-    margin-inline-end: 1em;
-  }
-
-  #protections-popup-settings-button > .protections-popup-settings-icon {
-    list-style-image: url("chrome://global/skin/icons/settings.svg");
-  }
-
-  #protections-popup-show-report-button > .protections-popup-show-report-icon {
-    /* chrome://browser/skin/controlcenter/dashboard.svg */
-    list-style-image: url("icons/dashboard.svg");
-  }
-
-  /*= identity-popup =========================================================*/
-  #identity-popup-clear-sitedata-button,
-  #identity-popup-more-info {
-    padding-inline: 5px !important;
-  }
-
-  #identity-popup-securityView-body {
-    margin-inline-start: 32px !important; /* Original: 10px */
-  }
-
-  #identity-popup-clear-sitedata-button {
-    list-style-image: url("./icons/broom.svg");
-  }
-
-  #identity-popup-more-info {
-    list-style-image: url("chrome://global/skin/icons/info.svg");
-  }
-
-  /** Menu - Icons Layout *****************************************************/
-  menupopup menuitem:not([type="checkbox"], [type="radio"]),
-  menupopup menu:not([type="checkbox"], [type="radio"]),
-  #main-menubar > menu {
-    -moz-appearance: none !important; /* Linux: menulist */
-  }
-
-  /* Icon */
-  :not(menu, #ContentSelectDropdown)
-    > menupopup
-    > menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
-  :not(menu, #ContentSelectDropdown)
-    > menupopup
-    > menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
-  #main-menubar > menu,
-  menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
-    menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
-  menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
-    menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
-  menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
-  menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
-  #blockedPopupDontShowMessage {
-    /* Color */
-    -moz-context-properties: fill, fill-opacity !important;
-    fill: currentColor !important;
-
-    /* Layout */
-    background-size: 16px !important;
-    background-repeat: no-repeat !important;
-    background-image: var(--menuitem-image);
-  }
-
-  /* For native context menus on macOS */
-  @supports -moz-bool-pref("widget.macos.native-context-menus") {
-    :not(menu, #ContentSelectDropdown)
-      > menupopup
-      > menuitem:not(.menuitem-iconic, [type="checkbox"], [checked="true"], .in-menulist),
-    :not(menu, #ContentSelectDropdown)
-      > menupopup
-      > menu:not(.menu-iconic, [type="checkbox"], [checked="true"], .in-menulist) {
-      list-style-image: var(--menuitem-image) !important;
-    }
-  }
-
-  /* Padding */
-  :root {
-    --context-menu-background-padding-default: 5px;
-    --context-menu-background-padding: var(--context-menu-background-padding-default);
-  }
-  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic),
-  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic),
-  menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
-    menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item),
-  menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
-    menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
-  menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
-  menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
-  #blockedPopupDontShowMessage {
-    background-position: left var(--context-menu-background-padding) center !important;
-    padding-inline-start: var(--context-menu-background-padding) !important;
-  }
-
-  /* Menubar */
-  #main-menubar > menu {
-    background-position: left var(--context-menu-background-padding-default) center !important;
-    padding-inline-start: calc(16px + var(--context-menu-background-padding-default)) !important;
-    padding-inline-end: 3px;
-  }
-  #main-menubar > menu:first-child {
-    background-position: left calc(3px + var(--context-menu-background-padding-default)) center !important;
-    padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
-  }
-  #main-menubar > menu > menupopup {
-    --menuitem-image: none; /* Prevent Image Inheritance */
-  }
-
-  /* Padding - Linux */
-  @media (-moz-gtk-csd-available) {
-    :root {
-      --context-menu-background-padding-default: 6px;
-    }
-
-    #main-menubar > menu > .menubar-text {
-      padding-inline-start: 3px;
-    }
-  }
-
-  /*= Bookmark Menu - Layout =================================================*/
-  /* #goPopup(Legacy of historyMenuPoup), #historyMenuPopup, #bookmarksMenuPopup: looks like global menu
-   * #BMB_bookmarksPopup: looks like arrow panel
-   */
-
-  /* Empty Menu */
-  menupopup menupopup[emptyplacesresult] .menu-text,
-  #PersonalToolbar menupopup[emptyplacesresult] .menu-text {
-    margin-inline-start: 0 !important;
-  }
-
-  /* Bookmark Popup - As Arrow Panel */
-  #BMB_bookmarksPopup,
-  #PersonalToolbar {
-    --context-menu-background-padding: var(--arrowpanel-menuitem-padding);
-  }
-
-  /* Linux */
-  @media (-moz-gtk-csd-available) {
-    /* Global Menu */
-    menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) .bookmark-item {
-      padding-inline-start: var(--context-menu-background-padding) !important;
-    }
-
-    /* Bookmark Popup - Iconic menu */
-    #BMB_bookmarksPopup .menu-iconic-text,
-    #PersonalToolbar menupopup[placespopup="true"] .bookmark-item .menu-iconic-text {
-      padding-inline-start: 1px !important;
-    }
-    /* Bookmark Popup - None icon menu */
-    menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]),
-    menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
-    #PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
-    #PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
-      padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 1px) !important;
-    }
-  }
-
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-    /* Bookmark Popup - As Arrow Panel */
-    #PersonalToolbar menupopup menuitem,
-    #PersonalToolbar menupopup menu {
-      padding-inline: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
-    }
-
-    /* Bookmark Popup - None icon menu */
-    menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]),
-    menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) {
-      padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important;
-    }
-  }
-  /** Panel - Icons }}} */
-
-  /** Context Menu - Icons {{{ */
-  /*= tabContextMenu =========================================================*/
-  #context_openANewTab {
-    --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-  }
-
-  #context_reloadTab,
-  #context_reloadSelectedTabs {
-    --menuitem-image: url("./icons/reload.svg");
-  }
-  #context_toggleMuteTab,
-  #context_toggleMuteSelectedTabs {
-    --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
-  }
-  #context_toggleMuteTab[muted],
-  #context_toggleMuteSelectedTabs[muted] {
-    --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg");
-  }
-  #context_pinTab,
-  #context_pinSelectedTabs {
-    --menuitem-image: url("./icons/pin-tab.svg");
-  }
-  #context_unpinTab,
-  #context_unpinSelectedTabs {
-    --menuitem-image: url("./icons/unpin-tab.svg");
-  }
-  #context_duplicateTab,
-  #context_duplicateTabs {
-    --menuitem-image: url("./icons/notebook-subsection.svg");
-  }
-
-  #context_bookmarkTab,
-  #context_bookmarkSelectedTabs {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #context_moveTabOptions {
-    --menuitem-image: url("./icons/arrow-swap.svg");
-  }
-  #context_sendTabToDevice {
-    --menuitem-image: url("./icons/send-to-device.svg");
-  }
-
-  #context_sendTabToDevice:is([disabled="true"]) + #context_shareTabURL, /* Legacy */
-  #context_sendTabToDevice:is([disabled="true"]) + menuitem.share-tab-url-item {
-    /* At windows */
-    --menuitem-image: url("./icons/share.svg");
-  }
-  #context_reopenInContainer {
-    --menuitem-image: url("./icons/container-openin-16.svg");
-  }
-  #context_selectAllTabs {
-    --menuitem-image: url("./icons/tab-multiple.svg");
-  }
-
-  #context_closeTab {
-    --menuitem-image: url("chrome://global/skin/icons/close.svg");
-  }
-  #context_closeTabOptions {
-  }
-  #context_undoCloseTab {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-
-  /*= new-tab-button-popup ===================================================*/
-  #new-tab-button-popup > menuitem[command="Browser:OpenAboutContainers"],
-  .new-tab-popup > menuitem[command="Browser:OpenAboutContainers"] {
-    --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-  }
-
-  /*= toolbar-context-menu ===================================================*/
-  .customize-context-manageExtension {
-    --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-  }
-  .customize-context-removeExtension {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-  .customize-context-reportExtension {
-    --menuitem-image: url("./icons/send.svg");
-  }
-
-  .customize-context-moveToPanel {
-    --menuitem-image: url("chrome://browser/skin/pin-12.svg");
-  }
-  .toolbar-context-autohide-downloads-button {
-    --menuitem-image: url("./icons/password-hide.svg");
-  }
-  .customize-context-removeFromToolbar {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-  #toolbar-context-openANewTab {
-    --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-  }
-
-  #toolbar-context-reloadSelectedTab,
-  #toolbar-context-reloadSelectedTabs {
-    --menuitem-image: url("./icons/reload.svg");
-  }
-  #toolbar-context-bookmarkSelectedTab,
-  #toolbar-context-bookmarkSelectedTabs {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #toolbar-context-selectAllTabs {
-    --menuitem-image: url("./icons/tab-multiple.svg");
-  }
-  #toolbar-context-undoCloseTab {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-
-  #toggle_toolbar-menubar {
-    /* checkbox */
-    /* --menuitem-image: url("./icons/calendar-agenda.svg"); */
-  }
-  #toggle_PersonalToolbar {
-    /* Also placeContext */
-    --menuitem-image: url("chrome://browser/skin/bookmarks-toolbar.svg");
-  }
-
-  menuitem.viewCustomizeToolbar {
-    --menuitem-image: url("chrome://browser/skin/customize.svg");
-  }
-
-  /*= blockedPopupOptions ====================================================*/
-  #blockedPopupAllowSite {
-    --menuitem-image: url("chrome://global/skin/icons/check.svg");
-  }
-  #blockedPopupOptions > menuitem[oncommand="gPopupBlockerObserver.editPopupSettings();"] {
-    --menuitem-image: url("chrome://global/skin/icons/edit.svg");
-  }
-  #blockedPopupDontShowMessage {
-    /* checkbox */
-    --menuitem-image: url("chrome://global/skin/icons/blocked.svg");
-  }
-
-  /*= autohide-context =======================================================*/
-  #autohide-context > menuitem[data-l10n-id="full-screen-autohide"] {
-    /* checkbox */
-  }
-
-  #autohide-context > menuitem[data-l10n-id="full-screen-exit"] {
-    --menuitem-image: url("chrome://browser/skin/fullscreen-exit.svg");
-  }
-
-  /*= contentAreaContextMenu =================================================*/
-  #context-viewsource-goToLine {
-    --menuitem-image: url("./icons/text-number-format.svg");
-  }
-  #context-viewsource-wrapLongLines {
-    /* checkbox */
-    /* --menuitem-image: url("./icons/arrow-sort-down-lines.svg"); */
-  }
-
-  #context-viewsource-highlightSyntax {
-    /* checkbox */
-    /* --menuitem-image: url("./icons/code.svg"); */
-  }
-
-  #spell-no-suggestions {
-    --menuitem-image: url("./icons/text-proofing-tools.svg");
-  }
-  #spell-add-to-dictionary {
-    --menuitem-image: url("./icons/book-add.svg");
-  }
-  #spell-undo-add-to-dictionary {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-
-  #context-openlinkincurrent {
-    --menuitem-image: url("./icons/link-square.svg");
-  }
-  #context-openlinkincontainertab {
-    --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-  }
-  #context-openlinkintab {
-    --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-  }
-  #context-openlinkinusercontext-menu {
-    --menuitem-image: url("./icons/container-openin-16.svg");
-  }
-  #context-openlink {
-    --menuitem-image: url("chrome://browser/skin/window.svg");
-  }
-  #context-openlinkprivate {
-    --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
-  }
-
-  #context-bookmarklink {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #context-savelink {
-    --menuitem-image: url("chrome://browser/skin/save.svg");
-  }
-  #context-savelinktopocket {
-    --menuitem-image: url("./icons/pocket-outline.svg");
-  }
-  #context-copyemail {
-    --menuitem-image: url("chrome://browser/skin/mail.svg");
-  }
-  #context-copylink {
-    --menuitem-image: url("./icons/link.svg");
-  }
-  #context-sendlinktodevice {
-    --menuitem-image: url("./icons/send-to-device.svg");
-  }
-
-  #context-media-play {
-    --menuitem-image: url("chrome://global/skin/media/play-fill.svg");
-  }
-  #context-media-pause {
-    --menuitem-image: url("chrome://global/skin/media/pause-fill.svg");
-  }
-  #context-media-mute {
-    --menuitem-image: url("chrome://global/skin/media/audio-muted.svg");
-  }
-  #context-media-unmute {
-    --menuitem-image: url("chrome://global/skin/media/audio.svg");
-  }
-  #context-media-playbackrate {
-    --menuitem-image: url("./icons/time-picker.svg");
-  }
-  #context-media-loop {
-    /* checkbox */
-    /* --menuitem-image: url("./icons/arrow-repeat-all.svg"); */
-  }
-  #context-leave-dom-fullscreen {
-    --menuitem-image: url("chrome://global/skin/media/fullscreenExitButton.svg");
-  }
-  #context-video-fullscreen {
-    --menuitem-image: url("chrome://global/skin/media/fullscreenEnterButton.svg");
-  }
-  #context-media-hidecontrols {
-    --menuitem-image: url("./icons/eye-hide.svg");
-  }
-  #context-media-showcontrols {
-    --menuitem-image: url("./icons/eye-show.svg");
-  }
-
-  #context-viewvideo {
-    --menuitem-image: url("./icons/video.svg");
-  }
-  #context-video-pictureinpicture {
-    /* checkbox */
-    /* --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); */
-  }
-
-  #context-reloadimage {
-    --menuitem-image: url("./icons/image-arrow-counterclockwise.svg");
-  }
-  #context-viewimage {
-    --menuitem-image: url("./icons/image-add.svg");
-  }
-  #context-saveimage {
-    --menuitem-image: url("./icons/image.svg");
-  }
-  #context-video-saveimage {
-    --menuitem-image: url("./icons/video-snapshot.svg");
-  }
-  #context-savevideo {
-    --menuitem-image: url("./icons/video.svg");
-  }
-  #context-saveaudio {
-    --menuitem-image: url("chrome://global/skin/media/audio.svg");
-  }
-  #context-copyimage-contents {
-    --menuitem-image: url("./icons/image-copy.svg");
-  }
-  #context-copyimage,
-  #context-copyvideourl,
-  #context-copyaudiourl {
-    --menuitem-image: url("./icons/link.svg");
-  }
-  #context-sendimage,
-  #context-sendvideo,
-  #context-sendaudio {
-    --menuitem-image: url("chrome://browser/skin/mail.svg");
-  }
-  #context-viewimageinfo {
-    --menuitem-image: url("chrome://global/skin/icons/info.svg");
-  }
-  #context-viewimagedesc {
-    --menuitem-image: url("./icons/image-alt-text.svg");
-  }
-  #context-setDesktopBackground {
-    --menuitem-image: url("./icons/resize-image.svg");
-  }
-  #context-ctp-play {
-    --menuitem-image: url("chrome://global/skin/icons/plugin.svg");
-  }
-  #context-ctp-hide {
-    --menuitem-image: url("chrome://global/skin/icons/plugin-blocked.svg");
-  }
-
-  #context-savepage {
-    --menuitem-image: url("chrome://browser/skin/save.svg");
-  }
-  #context-pocket {
-    --menuitem-image: url("./icons/pocket-outline.svg");
-  }
-  #context-sendpagetodevice {
-    --menuitem-image: url("./icons/send-to-device.svg");
-  }
-  #fill-login {
-    --menuitem-image: url("./icons/password.svg");
-  }
-  #fill-login-generated-password {
-    --menuitem-image: url("chrome://browser/skin/login.svg");
-  }
-  #manage-saved-logins {
-    --menuitem-image: url("./icons/key-multiple.svg");
-  }
-
-  #context-undo {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-  #context-redo {
-  }
-
-  #context-cut {
-    --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-  }
-  #context-copy {
-    --menuitem-image: url("./icons/edit-copy.svg");
-  }
-  #context-paste {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-  #context-delete {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-  #context-selectall {
-    --menuitem-image: url("./icons/select-all-on.svg");
-  }
-  #context-print-selection {
-    --menuitem-image: url("chrome://global/skin/icons/print.svg");
-  }
-
-  #context-take-screenshot {
-    --menuitem-image: url("chrome://browser/skin/screenshot.svg");
-  }
-
-  #context-keywordfield {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #context-searchselect,
-  #context-searchselect-private {
-    --menuitem-image: url("chrome://global/skin/icons/search-glass.svg");
-  }
-
-  #frame {
-    --menuitem-image: url("./icons/command-frames.svg");
-  }
-
-  #spell-check-enabled {
-    /* checkbox */
-  }
-  #spell-add-dictionaries-main {
-    --menuitem-image: url("./icons/book-add.svg");
-  }
-  #spell-dictionaries {
-    --menuitem-image: url("./icons/book.svg");
-  }
-
-  #context-bidi-text-direction-toggle {
-    --menuitem-image: url("./icons/text-direction-horizontal-ltr.svg");
-  }
-  #context-bidi-page-direction-toggle {
-    --menuitem-image: url("./icons/document-landscape-split-hint.svg");
-  }
-
-  #context-viewpartialsource-selection,
-  #context-viewsource {
-    --menuitem-image: url("./icons/document-search.svg");
-  }
-  #context-inspect-a11y {
-    --menuitem-image: url("chrome://devtools/skin/images/tool-accessibility.svg");
-  }
-  #context-inspect {
-    --menuitem-image: url("chrome://devtools/skin/images/command-pick.svg");
-  }
-
-  #context-media-eme-learnmore {
-    /* iconic */
-  }
-
-  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
-    #context-back {
-      --menuitem-image: url("chrome://browser/skin/back.svg");
-    }
-    #context-forward {
-      --menuitem-image: url("chrome://browser/skin/forward.svg");
-    }
-    #context-reload {
-      --menuitem-image: url("./icons/reload.svg");
-    }
-    #context-stop {
-      --menuitem-image: url("chrome://global/skin/icons/close.svg");
-    }
-
-    #context-bookmarkpage {
-      --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-    }
-  }
-
-  /*= pictureInPictureToggleContextMenu ======================================*/
-  #pictureInPictureToggleContextMenu > menuitem[oncommand="PictureInPicture.hideToggle();"] {
-    --menuitem-image: url("./icons/eye-hide.svg");
-  }
-
-  /*= placeContext ===========================================================*/
-  #placesContext_open {
-    --menuitem-image: url("./icons/link-square.svg");
-  }
-  #placesContext_openBookmarkContainer\:tabs,
-  #placesContext_openBookmarkLinks\:tabs {
-    --menuitem-image: url("./icons/movetowindow-16.svg");
-  }
-  #placesContext_open\:newtab,
-  #placesContext_openContainer\:tabs,
-  #placesContext_openLinks\:tabs {
-    --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-  }
-  #placesContext_open\:newwindow {
-    --menuitem-image: url("chrome://browser/skin/window.svg");
-  }
-  #placesContext_open\:newprivatewindow {
-    --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
-  }
-
-  #placesContext_show_bookmark\:info,
-  #placesContext_show\:info,
-  #placesContext_show_folder\:info {
-    --menuitem-image: url("chrome://global/skin/icons/edit.svg");
-  }
-  #placesContext_deleteBookmark,
-  #placesContext_deleteFolder,
-  #placesContext_delete,
-  #placesContext_delete_history {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-  #placesContext_deleteHost {
-    --menuitem-image: url("./icons/eye-hide.svg");
-  }
-  #placesContext_sortBy\:name {
-    --menuitem-image: url("./icons/text-sort-ascending.svg");
-  }
-
-  #placesContext_cut {
-    --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-  }
-  #placesContext_copy {
-    --menuitem-image: url("./icons/edit-copy.svg");
-  }
-  #placesContext_paste_group {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-
-  #placesContext_new\:bookmark {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #placesContext_new\:folder {
-    --menuitem-image: url("chrome://global/skin/icons/folder.svg");
-  }
-  #placesContext_new\:separator {
-    --menuitem-image: url("./icons/vertical-line.svg");
-  }
-
-  #placesContext_paste {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-
-  #placesContext_createBookmark {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #show-other-bookmarks_PersonalToolbar {
-    /* checkbox */
-    /* --menuitem-image: url("./icons/star-line-horizontal.svg"); */
-  }
-  #placesContext_showAllBookmarks {
-    --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
-  }
-
-  .openintabs-menuitem {
-    --menuitem-image: url("./icons/movetowindow-16.svg");
-  }
-
-  /*= pageActionContextMenu ==================================================*/
-  .pageActionContextMenuItem.extensionPinned.extensionUnpinned.manageExtensionItem {
-    --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-  }
-  .pageActionContextMenuItem.extensionPinned.extensionUnpinned.removeExtensionItem {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-
-  /*= customizationPanelItemContextMenu ======================================*/
-  #customizationPanelItemContextMenuUnpin {
-    --menuitem-image: url("./icons/unpin-tab.svg");
-  }
-  .customize-context-removeFromPanel {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-
-  /*= customizationPaletteItemContextMenu ====================================*/
-  .customize-context-addToToolbar {
-    --menuitem-image: url("chrome://devtools/skin/images/dock-bottom.svg");
-  }
-  .customize-context-addToPanel {
-    --menuitem-image: url("chrome://browser/skin/menu.svg");
-  }
-
-  /*= customizationPanelContextMenu ==========================================*/
-  #customizationPanelContextMenu > menuitem[command="cmd_CustomizeToolbars"] {
-    --menuitem-image: url("chrome://browser/skin/customize.svg");
-  }
-
-  /*= downloads-button-autohide-panel ========================================*/
-  #downloads-button-autohide-checkbox {
-    /* checkbox */
-  }
-
-  /*= downloadsContextMenu ===================================================*/
-  .downloadPauseMenuItem {
-    --menuitem-image: url("chrome://global/skin/media/pause-fill.svg");
-  }
-  .downloadResumeMenuItem {
-    --menuitem-image: url("chrome://global/skin/media/play-fill.svg");
-  }
-  .downloadUnblockMenuItem {
-    --menuitem-image: url("./icons/checkmark-circle.svg");
-  }
-  .downloadUseSystemDefaultMenuItem {
-    --menuitem-image: url("chrome://browser/skin/open.svg");
-  }
-  .downloadAlwaysUseSystemDefaultMenuItem {
-    /* checkbox */
-  }
-  .downloadShowMenuItem {
-    --menuitem-image: url("chrome://global/skin/icons/folder.svg");
-  }
-
-  #downloadsContextMenu > menuitem[command="downloadsCmd_openReferrer"] {
-    --menuitem-image: url("./icons/link-square.svg");
-  }
-  #downloadsContextMenu > menuitem[command="downloadsCmd_copyLocation"] {
-    --menuitem-image: url("./icons/link.svg");
-  }
-
-  .downloadRemoveFromHistoryMenuItem {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-  #downloadsContextMenu > menuitem[command="downloadsCmd_clearList"],
-  #downloadsContextMenu > menuitem[command="downloadsCmd_clearDownloads"] {
-    --menuitem-image: url("./icons/broom.svg");
-  }
-
-  /*= SyncedTabsSidebarContext ===============================================*/
-  #syncedTabsOpenSelected {
-    --menuitem-image: url("./icons/link-square.svg");
-  }
-  #syncedTabsOpenSelectedInTab {
-    --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-  }
-  #syncedTabsOpenSelectedInWindow {
-    --menuitem-image: url("chrome://browser/skin/window.svg");
-  }
-  #syncedTabsOpenSelectedInPrivateWindow {
-    --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
-  }
-
-  #syncedTabsBookmarkSelected {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #syncedTabsCopySelected {
-    --menuitem-image: url("./icons/link.svg");
-  }
-
-  #syncedTabsOpenAllInTabs {
-    --menuitem-image: url("./icons/movetowindow-16.svg");
-  }
-  #syncedTabsManageDevices {
-    --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-  }
-  #syncedTabsRefresh {
-    --menuitem-image: url("chrome://browser/skin/sync.svg");
-  }
-
-  /*= SyncedTabsSidebarTabsFilterContext =====================================*/
-  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_undo"] {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_cut"] {
-    --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-  }
-  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_copy"] {
-    --menuitem-image: url("./icons/edit-copy.svg");
-  }
-  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_paste"] {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_delete"] {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-
-  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_selectAll"] {
-    --menuitem-image: url("./icons/select-all-on.svg");
-  }
-
-  #syncedTabsRefreshFilter {
-    --menuitem-image: url("chrome://browser/skin/sync.svg");
-  }
-
-  /*= urlbar-input-container =================================================*/
-  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_undo"] {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] {
-  }
-
-  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_cut"] {
-    --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-  }
-  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_copy"] {
-    --menuitem-image: url("./icons/edit-copy.svg");
-  }
-  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_paste"] {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-  #paste-and-go {
-  }
-  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_delete"] {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_selectAll"] {
-    --menuitem-image: url("./icons/select-all-on.svg");
-  }
-
-  /*= textbox-contextmenu ====================================================*/
-  /* Browser's Searchbar, Libray's Searchbar, Page Info */
-  .textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-  .textbox-contextmenu > menuitem[data-l10n-id="text-action-redo"] {
-  }
-
-  .textbox-contextmenu > menuitem[data-l10n-id="text-action-cut"] {
-    --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-  }
-  .textbox-contextmenu > menuitem[data-l10n-id="text-action-copy"] {
-    --menuitem-image: url("./icons/edit-copy.svg");
-  }
-  .textbox-contextmenu > menuitem[data-l10n-id="text-action-paste"] {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-  .textbox-contextmenu > menuitem[data-l10n-id="text-action-delete"] {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-  .textbox-contextmenu > menuitem[data-l10n-id="text-action-select-all"] {
-    --menuitem-image: url("./icons/select-all-on.svg");
-  }
-
-  /* Only searchbar */
-  menuitem.searchbar-paste-and-search {
-  }
-  menuitem.searchbar-clear-history {
-    --menuitem-image: url("chrome://browser/skin/forget.svg");
-  }
-  /** Context Menu - Icons }}} */
-
-  /** Global Menu {{{ */
-  /*= main-menubar ===========================================================*/
-  #file-menu {
-    --menuitem-image: url("./icons/mail-inbox-all.svg");
-  }
-  #edit-menu {
-    --menuitem-image: url("chrome://global/skin/icons/edit.svg");
-  }
-  #view-menu {
-    --menuitem-image: url("./icons/content-view.svg");
-  }
-  #history-menu {
-    --menuitem-image: url("chrome://browser/skin/history.svg");
-  }
-  #bookmarksMenu {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #tools-menu {
-    --menuitem-image: url("./icons/toolbox.svg");
-  }
-  #helpMenu {
-    --menuitem-image: url("chrome://global/skin/icons/help.svg");
-  }
-
-  /*= menu_FilePopup =========================================================*/
-  #menu_newNavigatorTab {
-    --menuitem-image: url("chrome://browser/skin/new-tab.svg");
-  }
-  #menu_newUserContext {
-  }
-  #menu_newNavigator {
-    --menuitem-image: url("chrome://browser/skin/window.svg");
-  }
-  #menu_newPrivateWindow {
-    --menuitem-image: url("chrome://browser/skin/privateBrowsing.svg");
-  }
-  #menu_newFissionWindow {
-  }
-  #menu_newNonFissionWindow {
-  }
-  #menu_openLocation {
-  }
-  #menu_openFile {
-    --menuitem-image: url("chrome://browser/skin/open.svg");
-  }
-  #menu_close {
-  }
-  #menu_closeWindow {
-  }
-
-  #menu_savePage {
-    --menuitem-image: url("chrome://browser/skin/save.svg");
-  }
-  #menu_sendLink {
-    --menuitem-image: url("chrome://browser/skin/mail.svg");
-  }
-
-  #menu_printPreview {
-  }
-  #menu_print {
-    --menuitem-image: url("chrome://global/skin/icons/print.svg");
-  }
-
-  #menu_importFromAnotherBrowser {
-    --menuitem-image: url("chrome://browser/skin/import.svg");
-  }
-
-  #goOfflineMenuitem {
-  }
-  #menu_FileQuitItem {
-    --menuitem-image: url("./icons/quit.svg");
-  }
-
-  /* Mange Containers */
-  #menu_newUserContext menupopup menuitem:last-child {
-    --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-  }
-
-  /*= menu_EditPopup =========================================================*/
-  #menu_undo {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-  #menu_redo {
-  }
-
-  #menu_cut {
-    --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-  }
-  #menu_copy {
-    --menuitem-image: url("./icons/edit-copy.svg");
-  }
-  #menu_paste {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-  #menu_delete {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-
-  #menu_selectAll {
-    --menuitem-image: url("./icons/select-all-on.svg");
-  }
-
-  #menu_find {
-    --menuitem-image: url("chrome://global/skin/icons/search-glass.svg");
-  }
-  #menu_findAgain {
-  }
-
-  #textfieldDirection-swap {
-  }
-
-  #menu_preferences {
-    --menuitem-image: url("chrome://global/skin/icons/settings.svg");
-  }
-
-  /*= menu_viewPopup =========================================================*/
-  #viewToolbarsMenu {
-    --menuitem-image: url("./icons/toolbar.svg");
-  }
-  #viewSidebarMenuMenu {
-    --menuitem-image: url("chrome://browser/skin/sidebars.svg");
-  }
-
-  #viewFullZoomMenu {
-    --menuitem-image: url("./icons/screenshot.svg");
-  }
-  #pageStyleMenu {
-    --menuitem-image: url("./icons/document-css.svg");
-  }
-  #repair-text-encoding {
-    --menuitem-image: url("chrome://browser/skin/characterEncoding.svg");
-  }
-
-  #fullScreenItem {
-    --menuitem-image: url("chrome://browser/skin/fullscreen.svg");
-  }
-  #menu_readerModeItem {
-    --menuitem-image: url("chrome://browser/skin/reader-mode.svg");
-  }
-  #menu_showAllTabs {
-  }
-
-  #documentDirection-swap {
-    --menuitem-image: url("./icons/text-direction-horizontal-ltr.svg");
-  }
-
-  /* view-menu-popup sub menu */
-  #menu_customizeToolbars {
-    --menuitem-image: url("chrome://browser/skin/customize.svg");
-  }
-
-  /* viewFullZoomMenu sub menu */
-  #menu_zoomEnlarge {
-    --menuitem-image: url("chrome://browser/skin/add-circle-fill.svg");
-  }
-  #menu_zoomReduce {
-    --menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg");
-  }
-  #menu_zoomReset {
-    --menuitem-image: url("./icons/resize.svg");
-  }
-
-  /*= goPopup ================================================================*/
-  #menu_showAllHistory {
-    --menuitem-image: url("chrome://browser/skin/history.svg");
-  }
-  #sanitizeItem {
-    --menuitem-image: url("chrome://browser/skin/forget.svg");
-  }
-
-  #sync-tabs-menuitem {
-    --menuitem-image: url("chrome://browser/skin/sync.svg");
-  }
-  #historyRestoreLastSession {
-    --menuitem-image: url("./icons/restore-session.svg");
-  }
-  #hiddenTabsMenu {
-  }
-  #historyUndoMenu {
-    --menuitem-image: url("chrome://browser/skin/tab.svg");
-  }
-  #historyUndoWindowMenu {
-    --menuitem-image: url("chrome://browser/skin/window.svg");
-  }
-
-  /* sub menu */
-  #historyUndoPopup .restoreallitem {
-    --menuitem-image: url("./icons/movetowindow-16.svg");
-  }
-  #historyUndoWindowPopup .restoreallitem {
-    --menuitem-image: url("./icons/restore-session.svg");
-  }
-
-  /*= bookmarksMenuPopup =====================================================*/
-  #bookmarksShowAll {
-    --menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");
-  }
-
-  #menu_bookmarkThisPage,
-  #menu_bookmarkAllTabs {
-    --menuitem-image: url("chrome://browser/skin/bookmark-hollow.svg");
-  }
-  #menu_bookmarkThisPage[data-l10n-id="menu-bookmark-edit"] {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-
-  #bookmarksToolbarFolderMenu {
-  }
-  #menu_unsortedBookmarks {
-  }
-  #menu_mobileBookmarks {
-  }
-
-  /*= menu_ToolsPopup ========================================================*/
-  #menu_openDownloads {
-    --menuitem-image: url("chrome://browser/skin/downloads/downloads.svg");
-  }
-  #menu_openAddons {
-    --menuitem-image: url("chrome://mozapps/skin/extensions/extension.svg");
-  }
-  #sync-setup {
-    --menuitem-image: url("chrome://browser/skin/fxa/avatar-empty.svg");
-  }
-  #sync-enable {
-  }
-  #sync-unverifieditem {
-  }
-  #sync-syncnowitem {
-  }
-  #sync-reauthitem {
-  }
-
-  #webDeveloperMenu, /* Legacy */
-  #browserToolsMenu {
-    --menuitem-image: url("./icons/developer.svg");
-  }
-  #menu_pageInfo {
-    --menuitem-image: url("./icons/document-endnote.svg");
-  }
-
-  /* menuWebDeveloperPopup sub menu */
-  #enableDeveloperTools {
-  }
-  #menu_devToolbox {
-  }
-  #menu_taskManager {
-    --menuitem-image: url("./icons/performance.svg");
-  }
-  #menu_devtools_remotedebugging {
-    --menuitem-image: url("./icons/bug.svg");
-  }
-  #menu_browserToolbox {
-    --menuitem-image: url("./icons/window-dev-tools.svg");
-  }
-  #menu_browserContentToolbox {
-    --menuitem-image: url("./icons/command-frames.svg");
-  }
-  #menu_browserConsole {
-    --menuitem-image: url("chrome://devtools/skin/images/command-console.svg");
-  }
-  #menu_responsiveUI {
-  }
-  #menu_eyedropper {
-  }
-  #menu_pageSource {
-    --menuitem-image: url("./icons/document-search.svg");
-  }
-  #extensionsForDevelopers {
-    --menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg");
-  }
-
-  /*= menu_HelpPopup =========================================================*/
-  #menu_openHelp {
-    --menuitem-image: url("chrome://global/skin/icons/help.svg");
-  }
-  #feedbackPage {
-    --menuitem-image: url("./icons/send.svg");
-  }
-  #helpSafeMode {
-    --menuitem-image: url("chrome://devtools/skin/images/debugging-workers.svg");
-  }
-  #troubleShooting {
-    --menuitem-image: url("chrome://global/skin/icons/more.svg");
-  }
-  #help_reportSiteIssue {
-    --menuitem-image: url("chrome://global/skin/icons/lightbulb.svg");
-  }
-  #menu_HelpPopup_reportPhishingtoolmenu {
-    --menuitem-image: url("chrome://global/skin/icons/warning.svg");
-  }
-  #menu_HelpPopup_reportPhishingErrortoolmenu {
-  }
-
-  #aboutName {
-    --menuitem-image: url("chrome://global/skin/icons/info.svg");
-  }
-
-  #helpPolicySupport {
-  }
-  /** Global Menu }}} */
-
-  /** Libray Menu {{{ */
-  /*= organizeButtonPopup ====================================================*/
-  #newbookmark {
-    --menuitem-image: url("chrome://browser/skin/bookmark.svg");
-  }
-  #newfolder {
-    --menuitem-image: url("./icons/folder.svg");
-  }
-  #newseparator {
-    --menuitem-image: url("./icons/vertical-line.svg");
-  }
-
-  #orgUndo {
-    --menuitem-image: url("chrome://global/skin/icons/undo.svg");
-  }
-  #orgRedo {
-  }
-
-  #orgCut {
-    --menuitem-image: url("chrome://browser/skin/edit-cut.svg");
-  }
-  #orgCopy {
-    --menuitem-image: url("./icons/edit-copy.svg");
-  }
-  #orgPaste {
-    --menuitem-image: url("chrome://browser/skin/edit-paste.svg");
-  }
-  #orgDelete {
-    --menuitem-image: url("chrome://global/skin/icons/delete.svg");
-  }
-
-  #orgSelectAll {
-    --menuitem-image: url("./icons/select-all-on.svg");
-  }
-
-  #orgClose {
-    --menuitem-image: url("chrome://global/skin/icons/close.svg");
-  }
-
-  /*= viewMenuPopup ==========================================================*/
-  #viewColumns {
-    --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg");
-  }
-  #viewSort {
-    --menuitem-image: url("./icons/text-sort-ascending.svg");
-  }
-
-  /*= maintenanceButtonPopup =================================================*/
-  #backupBookmarks {
-    --menuitem-image: url("chrome://devtools/skin/images/datastore.svg");
-  }
-  #fileRestoreMenu {
-  }
-
-  #fileImport {
-    --menuitem-image: url("chrome://browser/skin/save.svg");
-  }
-  #fileExport {
-    --menuitem-image: url("chrome://browser/skin/open.svg");
-  }
-
-  #browserImport {
-    --menuitem-image: url("chrome://browser/skin/import.svg");
-  }
-  /** Libray Menu }}} */
+  /* display: none; */
 }
-/* lepton }}} */
diff --git a/.mozilla/firefox/wr7p23up.default-nightly/chrome/userContent.css b/.mozilla/firefox/wr7p23up.default-nightly/chrome/userContent.css
index ca88a0d..f3b4e6a 100644
--- a/.mozilla/firefox/wr7p23up.default-nightly/chrome/userContent.css
+++ b/.mozilla/firefox/wr7p23up.default-nightly/chrome/userContent.css
@@ -1,3 +1,6 @@
+
+@import url(lepton.userContent.css);
+
 /* 
    dark background in new tabs without a white flash (with tridactyl newtab)
    @see: https://github.com/tridactyl/tridactyl/issues/2510
@@ -11,7 +14,9 @@
     set the background color of the new tab page (without tridactyl or with tridactyl without newtab)
 */
 @-moz-document url-prefix(about:home), url-prefix(about:newtab), url-prefix(about:blank) {
-  body {
-    background: #1d1b19;
+  @media (prefers-color-scheme: dark) {
+    body {
+      background: #1d1b19;
+    }
   }
 }