Merge branch 'master' into dev

CREDITS

@@ -19,6 +19,17 @@ N: Yunsup Sim
 E: pedogunu@gmail.com
 W: https://ethansup.net
 
+----------
+    Sponsors
+
+N: Jani Haiko
+E: haiko.jani@gmail.com
+W: https://github.com/ojaha065
+
+N: nikkehtine
+E: nikkehtine@int.pl
+W: https://github.com/nikkehtine
+
 ----------
     Contributors
 

css/leptonChrome.css

@@ -1453,17 +1453,17 @@
   }
   /*== Info Bar Color ==========================================================*/
   .container.infobar {
-    background-color: var(--urlbar-box-bgcolor);
+    background-color: var(--urlbar-box-bgcolor) !important;
   }
 
   .notification-button {
-    background-color: var(--button-bgcolor);
+    background-color: var(--button-bgcolor) !important;
   }
   .notification-button:hover {
-    background-color: var(--button-hover-bgcolor);
+    background-color: var(--button-hover-bgcolor) !important;
   }
   .notification-button:hover:active {
-    background-color: var(--button-active-bgcolor);
+    background-color: var(--button-active-bgcolor) !important;
   }
 
   html|button.ghost-button:not(.semi-transparent):enabled:hover {
@@ -3802,7 +3802,7 @@
   #urlbar[breakout][breakout-extend] > #urlbar-input-container {
     height: var(--urlbar-height) !important;
     padding-block: 0 !important;
-    padding-inline: 0 !important;
+    padding-inline: var(--urlbar-container-padding, 0px) !important;
   }
 
   #urlbar[breakout][breakout-extend] > #urlbar-background {
@@ -3823,7 +3823,7 @@
 /*= BookMark Bar - Reduce Height =============================================*/
 @supports -moz-bool-pref("userChrome.padding.bookmarkbar") {
   :root[uidensity="compact"] #PersonalToolbar toolbarbutton {
-    margin-top: 0px;
+    margin-top: 0px !important;
     /* Original: 2px */
   }
 }
@@ -4045,7 +4045,7 @@
 /*= Panel - Reduce padding ===================================================*/
 @supports -moz-bool-pref("userChrome.padding.panel") {
   :root {
-    --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important;
+    --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding, 8px) !important;
     /* Original: 0 8px */
     --arrowpanel-menuitem-padding-block: 5px !important;
     /* Original: 8px */
@@ -4109,7 +4109,7 @@
 
   /* not cut off for Protection popup Footer on windows */
   :root[uidensity="compact"] #protections-popup-multiView #protections-popup-footer {
-    padding: 3px 0 10px !important;
+    padding: 0 !important;
   }
 
   /* Button and disabled category in Protection popup */
@@ -6619,7 +6619,9 @@
   }
 }
 /*= Selected Tab - Photon like contextline ===================================*/
-@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") or -moz-bool-pref("userChrome.tab.bar_separator") {
+@supports -moz-bool-pref("userChrome.tab.photon_like_contextline") or -moz-bool-pref("userChrome.tab.static_separator") or -moz-bool-pref(
+    "userChrome.tab.bar_separator"
+  ) {
   :root[lwtheme-mozlightdark] #tabbrowser-tabs,
   :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
   :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
@@ -6861,6 +6863,14 @@
       .tab-stack::before {
       opacity: 0 !important;
     }
+
+    :root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
+      margin-left: 2px;
+    }
+
+    :root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
+      margin-left: 1px;
+    }
   }
   /* Animate */
   @media (prefers-reduced-motion: no-preference) {
@@ -7088,18 +7098,10 @@
   :root:not([uidensity="touch"]) #tabs-newtab-button > .toolbarbutton-icon {
     --toolbarbutton-inner-padding: calc((var(--tab-min-height) - 16px) / 2 - 1px);
   }
-
-  :root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
-    margin-left: 2px;
-  }
-
-  :root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
-    margin-left: 1px;
-  }
 }
 /*= Unloaded Tab - Contents Opacity ===========================================*/
 @supports -moz-bool-pref("userChrome.tab.unloaded") {
-  #tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
+  .tabbrowser-tab[pending] .tab-content {
     opacity: 0.7;
   }
 }
@@ -7443,7 +7445,7 @@
       --uc-sound-tab-no-icon-label-position-x: 3px;
     }
     .tabbrowser-tab .tab-label-container[labeldirection="rtl"],
-    .tabbrowser-tab .tab-label-container :not([labeldirection]):-moz-locale-dir(rtl) {
+    .tabbrowser-tab .tab-label-container:not([labeldirection]):-moz-locale-dir(rtl) {
       --uc-sound-tab-no-icon-position-x: 0.5px;
       --uc-sound-tab-no-icon-label-position-x: -3px;
     }
@@ -9417,7 +9419,7 @@
         #forward-button,
         #clearDownloadsButton {
           fill: currentColor !important;
-          -moz-context-properties: fill !important;
+          -moz-context-properties: fill, fill-opacity, stroke !important;
         }
 
         /* Add */
@@ -9555,13 +9557,12 @@
     .subviewbutton:not(#appMenu-proton-update-banner) > image {
       fill: currentColor !important;
       fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
-      -moz-context-properties: fill !important;
+      -moz-context-properties: fill, fill-opacity, stroke !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,
@@ -9769,7 +9770,7 @@
       /* Color */
       fill: currentColor;
       fill-opacity: var(--toolbarbutton-icon-fill-opacity);
-      -moz-context-properties: fill;
+      -moz-context-properties: fill, fill-opacity, stroke;
       background-size: 16px;
       background-repeat: no-repeat;
       background-position: left center;
@@ -10037,7 +10038,7 @@
     /*= protections-popup ========================================================*/
     #protections-popup-settings-button > .protections-popup-settings-icon,
     #protections-popup-show-report-button > .protections-popup-show-report-icon {
-      -moz-context-properties: fill;
+      -moz-context-properties: fill, fill-opacity, stroke;
       fill: currentColor;
       margin-inline-end: 1em;
     }
@@ -10131,7 +10132,7 @@
     #BMB_viewBookmarksToolbar,
     #context_openANewTab.tabmix-newtab-menu-icon {
       /* Color */
-      -moz-context-properties: fill, fill-opacity !important;
+      -moz-context-properties: fill, fill-opacity, stroke !important;
       fill: currentColor !important;
       /* Layout */
       background-size: 16px !important;
@@ -10140,7 +10141,7 @@
     }
 
     #tabContextMenu > .tabmix-newtab-menu-icon {
-      -moz-context-properties: fill, fill-opacity !important;
+      -moz-context-properties: fill, fill-opacity, stroke !important;
       fill: currentColor !important;
     }
 
@@ -10664,14 +10665,38 @@
       }
 
       /*= Tab Mix Plus =============================================================*/
-      #context_openANewTab.tabmix-newtab-menu-icon {
+      @media (-moz-os-version: windows-win7),
-        list-style-image: var(--menuitem-image) !important;
+        (-moz-platform: windows-win7),
+        (-moz-os-version: windows-win8),
+        (-moz-platform: windows-win8),
+        (-moz-os-version: windows-win10),
+        (-moz-platform: windows-win10) {
+        #context_openANewTab.tabmix-newtab-menu-icon .menu-iconic-left {
+          display: none;
+        }
+      }
+
+      @supports -moz-bool-pref("userChrome.icon.menu.full") {
+        #tm-duplicateinWin {
+          --menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg");
+        }
+
+        #tm-mergeWindowsTab {
+          --menuitem-image: url("../icons/merge.svg");
+        }
+      }
+      #tm-renameTab {
+        --menuitem-image: url("chrome://global/skin/icons/edit.svg");
       }
 
       #tm-copyTabUrl {
         --menuitem-image: url("../icons/link.svg");
       }
 
+      #tm-autoreloadTab_menu {
+        --menuitem-image: url("../icons/timer10.svg");
+      }
+
       #context_reloadTabOptions {
         --menuitem-image: url("../icons/reload.svg");
       }
@@ -10686,6 +10711,14 @@
         }
       }
 
+      #tm-docShell {
+        --menuitem-image: url("chrome://browser/skin/permissions.svg");
+      }
+
+      #tm-freezeTab {
+        --menuitem-image: url("../icons/weather-snowflake.svg");
+      }
+
       #tm-protectTab {
         --menuitem-image: url("../icons/shield-task.svg");
       }
@@ -11023,13 +11056,53 @@
       }
       /*= Tab Mix Plus =============================================================*/
       #tm-autoreload_menu {
-        --menuitem-image: url("../icons/reload-auto.svg");
+        --menuitem-image: url("../icons/timer10.svg");
+      }
+
+      #tm-linkWithhistory {
+        --menuitem-image: url("../icons/new-tab-skip-forward.svg");
       }
 
       #tm-openAllLinks {
         --menuitem-image: url("../icons/new-tab-multiple.svg");
       }
 
+      #tm-openinverselink {
+        --menuitem-image: url("../icons/new-tab-forward.svg");
+      }
+
+      #tm-content-closetab {
+        --menuitem-image: url("../icons/dismiss-filled.svg");
+      }
+
+      #tm-duplicateTabContext {
+        --menuitem-image: url("../icons/tab-copy.svg");
+      }
+
+      #tm-duplicateinWinContext {
+        --menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg");
+      }
+
+      #tm-detachTabContext {
+        --menuitem-image: url("../icons/convert-range.svg");
+      }
+
+      #tm-mergeWindows {
+        --menuitem-image: url("../icons/merge.svg");
+      }
+
+      #tm-content-freezeTab {
+        --menuitem-image: url("../icons/weather-snowflake.svg");
+      }
+
+      #tm-content-protectTab {
+        --menuitem-image: url("../icons/shield-task.svg");
+      }
+
+      #tm-content-lockTab {
+        --menuitem-image: url("../icons/lock-closed.svg");
+      }
+
       #tm-content-undoCloseTab {
         --menuitem-image: url("../icons/undo.svg");
       }
@@ -11193,6 +11266,19 @@
         --menuitem-image: url("../icons/movetowindow-16.svg");
       }
 
+      /*= Notification =============================================================*/
+      #doNotDisturbMenuItem {
+        --menuitem-image: url(chrome://global/skin/media/pause-fill.svg);
+      }
+
+      #disableForOriginMenuItem {
+        --menuitem-image: url("chrome://global/skin/icons/blocked.svg");
+      }
+
+      #openSettingsMenuItem {
+        --menuitem-image: url("chrome://global/skin/icons/settings.svg");
+      }
+
       /*= blockedPopupOptions ======================================================*/
       #blockedPopupAllowSite {
         --menuitem-image: url("chrome://global/skin/icons/check.svg");
@@ -11802,10 +11888,7 @@
         --menuitem-image: url("chrome://global/skin/icons/info.svg");
       }
     }
-  }
+    @supports -moz-bool-pref("userChrome.icon.library") {
-  /** Library Menu **************************************************************/
-  @supports -moz-bool-pref("userChrome.icon.library") {
-    @supports -moz-bool-pref("userChrome.icon.menu") {
       /*= organizeButtonPopup ======================================================*/
       #newbookmark {
         --menuitem-image: url("chrome://browser/skin/bookmark.svg");

css/leptonContent.css

@@ -280,7 +280,7 @@
 
     .context-menu-list .context-menu-item button span {
       /* Color */
-      -moz-context-properties: fill, fill-opacity !important;
+      -moz-context-properties: fill, fill-opacity, stroke !important;
       fill: currentColor !important;
       /* Layout */
       background-size: 16px !important;
@@ -417,7 +417,7 @@
     }
   }
   /** Activity Stream - Home Search Bar looks like proton *********************/
-  @supports -moz-bool-pref("userContent.newTab.animate") {
+  @supports -moz-bool-pref("userContent.newTab.searchbar") {
     /* Dropdown Colors */
     #root {
       --newtab-search-background-color: rgba(255, 255, 255, 1);
@@ -1680,6 +1680,7 @@
       .input-row input[type="tel"],
       .input-row input[type="text"],
       .input-row input::placeholder,
+      .input-text,
       .firefox-family-services > ul > .firefox-service,
       .faint,
       .faint a,
@@ -1704,7 +1705,9 @@
       .input-row input[type="password"],
       .input-row input[type="tel"],
       .input-row input[type="text"],
+      .input-text,
       header,
+      .card,
       .bg-white:not(nav) {
         background: var(--in-content-box-background) !important;
       }
@@ -2362,7 +2365,7 @@
       #forward-button,
       #clearDownloadsButton {
         fill: currentColor !important;
-        -moz-context-properties: fill !important;
+        -moz-context-properties: fill, fill-opacity, stroke !important;
       }
 
       /* Add */
@@ -3037,7 +3040,7 @@
         > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
       menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) {
         /* Color */
-        -moz-context-properties: fill, fill-opacity !important;
+        -moz-context-properties: fill, fill-opacity, stroke !important;
         fill: currentColor !important;
         /* Layout */
         background-size: 16px !important;

icons/merge.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#212121" d="M0 3.789c0-.349.283-.632.632-.632h2.743c.838 0 1.64.333 2.233.925l2.484 2.485a2.74 2.74 0 0 0 1.936.801h3.816l-3.132-3.132a.632.632 0 1 1 .894-.894l4.21 4.211a.632.632 0 0 1 0 .894l-4.21 4.21a.631.631 0 1 1-.894-.893l3.132-3.132h-3.765a2.74 2.74 0 0 0-1.985.852L5.837 11.86a3.158 3.158 0 0 1-2.29.983H.632a.632.632 0 0 1 0-1.264h2.915c.52 0 1.016-.213 1.374-.59l2.257-2.376c.217-.228.458-.428.718-.597a4.004 4.004 0 0 1-.697-.556L4.715 4.976a1.895 1.895 0 0 0-1.34-.555H.632A.632.632 0 0 1 0 3.789Z" />
+</svg>

icons/new-tab-forward.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+  <path d="M4 3.192a2 2 0 0 0-2 2v4.585H1c-1.334 0-1.334 1.485 0 1.485h7v-.485a1 1 0 0 1 .872-.99h-5.64V7.34h.01V5.36a1.11 1.11 0 0 1 1.113-1.114h7.035a1.11 1.11 0 0 1 1.113 1.113v1.418h.496a1 1 0 0 1 1 1V5.192a2 2 0 0 0-2-2h-8z"/>
+  <path d="M8.695 10.604h6.186L12.528 8.25a.342.342 0 0 1 .484-.483L16 10.758v.376l-2.989 2.988a.34.34 0 0 1-.483 0 .343.343 0 0 1 0-.483l2.353-2.353H8.695a.341.341 0 0 1 0-.682z"/>
+</svg>

icons/new-tab-skip-forward.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+  <path d="M16 .655a.632.632 0 0 0-1.263 0v2.863C13.765 2.35 12.506 1.36 10.924.87a9.419 9.419 0 0 0-6.091.162C2.883 1.758 1.04 3.23.078 4.984a.632.632 0 1 0 1.107.607c.796-1.45 2.38-2.74 4.088-3.375a8.156 8.156 0 0 1 5.277-.139c1.433.444 2.586 1.401 3.477 2.578h-3.29a.632.632 0 0 0 0 1.264h4.631A.632.632 0 0 0 16 5.287zM4.037 6.939a2 2 0 0 0-2 2v4.089H.998c-1.332.002-1.332 1.527 0 1.527h14c1.335.002 1.335-1.527 0-1.527v.002h-1.3V8.938a2 2 0 0 0-2-2zm.407 1.065h6.818a1.11 1.11 0 0 1 1.113 1.113v3.913H3.33V9.117a1.11 1.11 0 0 1 1.114-1.113z"/>
+</svg>

icons/tab-desktop-multiple-bottom.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
+  <path d="M3.207 2.4h1.207A1.4 1.4 0 0 1 5.8 1.2h6.4a2.6 2.6 0 0 1 2.6 2.6v6.4a1.4 1.4 0 0 1-1.2 1.386v1.206A2.6 2.6 0 0 0 16 10.2V3.8A3.8 3.8 0 0 0 12.2 0H5.8a2.6 2.6 0 0 0-2.593 2.4ZM0 5.8a2.6 2.6 0 0 1 2.6-2.6h7.6a2.6 2.6 0 0 1 2.6 2.6v7.6a2.6 2.6 0 0 1-2.6 2.6H2.6A2.6 2.6 0 0 1 0 13.4Zm2.6-1.4a1.4 1.4 0 0 0-1.4 1.4v5.8h4.6a1.8 1.8 0 0 1 1.8 1.8v1.4h2.6a1.4 1.4 0 0 0 1.4-1.4V5.8a1.4 1.4 0 0 0-1.4-1.4zm3.8 10.4v-1.4a.6.6 0 0 0-.6-.6H1.2v.6a1.4 1.4 0 0 0 1.4 1.4z"/>
+</svg>

icons/timer10.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
+  <path d="M7.024 1.951a6.636 6.636 0 0 1 6.538 5.5 3.34 3.34 0 0 0-1.184.037A5.465 5.465 0 0 0 1.56 8.585a5.463 5.463 0 0 0 5.854 5.45v1.173a6.634 6.634 0 1 1-.39-13.257zm.586 5.78V4.878l-.006-.08a.586.586 0 0 0-1.165.08V8.39l.005.07a1.36 1.36 0 0 1 .734-.585Zm4.993-5.691.064.047.904.752a.585.585 0 0 1-.684.947l-.065-.047-.904-.753a.585.585 0 0 1 .685-.946ZM8.78 0a.585.585 0 0 1 .08 1.165l-.08.006H5.268a.585.585 0 0 1-.08-1.166L5.269 0zm.343 8.306c.152.11.243.286.243.474v6.635a.585.585 0 0 1-1.17 0V9.593l-.401.133a.585.585 0 0 1-.37-1.11l1.17-.39a.585.585 0 0 1 .528.08zm1.414 2.426a2.537 2.537 0 0 1 5.073 0v2.731a2.537 2.537 0 0 1-5.073 0Zm2.536-1.366c-.754 0-1.366.611-1.366 1.366v2.731a1.366 1.366 0 1 0 2.732 0v-2.731c0-.755-.611-1.366-1.366-1.366z"/>
+</svg>

icons/weather-snowflake.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 0c.312 0 .57.232.61.532l.005.083v2.746l1.782-1.565a.615.615 0 0 1 .813.924L8.615 5l-.001 2.384H11l2.28-2.594a.615.615 0 0 1 .796-.11l.073.055a.615.615 0 0 1 .11.795l-.054.073-1.566 1.78h2.745c.311 0 .569.232.61.532L16 8a.616.616 0 0 1-.532.61l-.083.005h-2.747l1.566 1.783a.615.615 0 0 1 .008.804l-.064.065a.615.615 0 0 1-.804.007l-.065-.063L11 8.615l-2.386-.001V11l2.597 2.28a.616.616 0 0 1 .11.796l-.054.073a.616.616 0 0 1-.796.111l-.073-.055-1.783-1.567-.001 2.747a.616.616 0 0 1-.532.61L7.997 16a.616.616 0 0 1-.61-.532l-.005-.083V12.64l-1.779 1.564a.615.615 0 0 1-.813-.924L7.382 11V8.615H5.18l-2.459 2.8a.615.615 0 0 1-.925-.813l1.746-1.987H.615a.616.616 0 0 1-.61-.531L0 8c0-.311.231-.569.532-.61l.083-.005H3.18L1.795 5.807a.615.615 0 0 1 .925-.811l2.096 2.388h2.567V4.998L4.79 2.718a.616.616 0 0 1-.11-.796l.055-.072a.616.616 0 0 1 .795-.111l.073.055 1.78 1.565.002-2.744c0-.283.191-.521.451-.593l.08-.016z"/>
+</svg>

src/contents/_activity_stream.scss

@@ -101,7 +101,7 @@
   }
 
   /** Activity Stream - Home Search Bar looks like proton *********************/
-  @include Option("userContent.newTab.animate") {
+  @include Option("userContent.newTab.searchbar") {
     /* Dropdown Colors */
     #root {
       --newtab-search-background-color: rgba(255, 255, 255, 1); /* Same as light theme's --panel-background */

src/contents/dark_mode/_accounts_com.scss

@@ -46,6 +46,7 @@
   .input-row input[type="tel"],
   .input-row input[type="text"],
   .input-row input::placeholder,
+  .input-text,
   .firefox-family-services > ul > .firefox-service,
   .faint,
   .faint a,
@@ -68,7 +69,9 @@
   .input-row input[type="password"],
   .input-row input[type="tel"],
   .input-row input[type="text"],
+  .input-text,
   header,
+  .card,
   .bg-white:not(nav) {
     background: var(--in-content-box-background) !important;
   }

src/icons/_index.scss

@@ -23,11 +23,7 @@
   @include Option("userChrome.icon.global_menu") {
     @import "global_menu";
   }
-}
+  @include Option("userChrome.icon.library") {
-
-/** Library Menu **************************************************************/
-@include Option("userChrome.icon.library") {
-  @include Option("userChrome.icon.menu") {
     @import "library";
   }
 }

src/icons/_panel.scss

@@ -176,7 +176,7 @@
   /* Color */
   fill: currentColor;
   fill-opacity: var(--toolbarbutton-icon-fill-opacity);
-  -moz-context-properties: fill;
+  -moz-context-properties: fill, fill-opacity, stroke;
 
   background-size: 16px;
   background-repeat: no-repeat;
@@ -416,7 +416,7 @@ panelMenuBookmarkThisPage[starred] {
 /*= protections-popup ========================================================*/
 #protections-popup-settings-button > .protections-popup-settings-icon,
 #protections-popup-show-report-button > .protections-popup-show-report-icon {
-  -moz-context-properties: fill;
+  -moz-context-properties: fill, fill-opacity, stroke;
   fill: currentColor;
   margin-inline-end: 1em;
 }

src/icons/context_menu/_content_area.scss

@@ -264,34 +264,44 @@
 
 /*= Tab Mix Plus =============================================================*/
 #tm-autoreload_menu {
-  --menuitem-image: url("../icons/reload-auto.svg");
+  // --menuitem-image: url("../icons/reload-auto.svg");
+  --menuitem-image: url("../icons/timer10.svg");
 }
 
 #tm-linkWithhistory {
+  // ic_fluent_skip_forward_tab_24_regular
+  --menuitem-image: url("../icons/new-tab-skip-forward.svg");
 }
 #tm-openAllLinks {
   --menuitem-image: url("../icons/new-tab-multiple.svg");
 }
 #tm-openinverselink {
-}
+  --menuitem-image: url("../icons/new-tab-forward.svg");
-#context-openlinkinusercontext-menu {
 }
 
 #tm-content-closetab {
+  --menuitem-image: url("../icons/dismiss-filled.svg");
 }
 #tm-duplicateTabContext {
+  --menuitem-image: url("../icons/tab-copy.svg");
 }
 #tm-duplicateinWinContext {
+  --menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg");
 }
 #tm-detachTabContext {
+  --menuitem-image: url("../icons/convert-range.svg");
 }
 #tm-mergeWindows {
+  --menuitem-image: url("../icons/merge.svg");
 }
 #tm-content-freezeTab {
+  --menuitem-image: url("../icons/weather-snowflake.svg");
 }
 #tm-content-protectTab {
+  --menuitem-image: url("../icons/shield-task.svg");
 }
 #tm-content-lockTab {
+  --menuitem-image: url("../icons/lock-closed.svg");
 }
 #tm-tabsList {
 }

src/icons/context_menu/_others.scss

@@ -1,3 +1,15 @@
+/*= Notification =============================================================*/
+// https://github.com/mozilla/gecko-dev/blob/master/toolkit/components/alerts/alert.xhtml
+#doNotDisturbMenuItem {
+  --menuitem-image: url(chrome://global/skin/media/pause-fill.svg);
+}
+#disableForOriginMenuItem {
+  --menuitem-image: url("chrome://global/skin/icons/blocked.svg");
+}
+#openSettingsMenuItem {
+  --menuitem-image: url("chrome://global/skin/icons/settings.svg");
+}
+
 /*= blockedPopupOptions ======================================================*/
 #blockedPopupAllowSite {
   --menuitem-image: url("chrome://global/skin/icons/check.svg");

src/icons/context_menu/_tab_toolbar.scss

@@ -222,19 +222,30 @@ menuitem.viewCustomizeToolbar {
 
 /*= Tab Mix Plus =============================================================*/
 #context_openANewTab.tabmix-newtab-menu-icon {
-  list-style-image: var(--menuitem-image) !important;
+  .menu-iconic-left {
+    @include OS($win) {
+      display: none;
+    }
+  }
 }
-#tm-duplicateinWin {
+@include Option("userChrome.icon.menu.full") {
-}
+  #tm-duplicateinWin {
-#tm-mergeWindowsTab {
+    --menuitem-image: url("../icons/tab-desktop-multiple-bottom.svg");
+  }
+  #tm-mergeWindowsTab {
+    --menuitem-image: url("../icons/merge.svg");
+  }
 }
 #tm-renameTab {
+  --menuitem-image: url("chrome://global/skin/icons/edit.svg");
 }
 #tm-copyTabUrl {
   --menuitem-image: url("../icons/link.svg");
 }
 
 #tm-autoreloadTab_menu {
+  // --menuitem-image: url("../icons/reload-auto.svg");
+  --menuitem-image: url("../icons/timer10.svg");
 }
 #context_reloadTabOptions {
   --menuitem-image: url("../icons/reload.svg");
@@ -252,8 +263,10 @@ menuitem.viewCustomizeToolbar {
 }
 
 #tm-docShell {
+  --menuitem-image: url("chrome://browser/skin/permissions.svg");
 }
 #tm-freezeTab {
+  --menuitem-image: url("../icons/weather-snowflake.svg");
 }
 #tm-protectTab {
   --menuitem-image: url("../icons/shield-task.svg");

src/icons/layout/_menu.scss

@@ -43,7 +43,7 @@ $_layoutCommonMenus: (
   @include _layout_icon_menus;
 }
 #tabContextMenu > .tabmix-newtab-menu-icon {
-  -moz-context-properties: fill, fill-opacity !important;
+  -moz-context-properties: fill, fill-opacity, stroke !important;
   fill: currentColor !important;
 }
 

src/icons/layout/_menu_common.scss

@@ -44,7 +44,7 @@ $_initialMenus: selector.append(
 // Icon
 @mixin _layout_icon_menus() {
   /* Color */
-  -moz-context-properties: fill, fill-opacity !important;
+  -moz-context-properties: fill, fill-opacity, stroke !important;
   fill: currentColor !important;
 
   /* Layout */

src/icons/layout/_panel.scss

@@ -82,12 +82,11 @@
 .subviewbutton:not(#appMenu-proton-update-banner) > image {
   fill: currentColor !important;
   fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
-  -moz-context-properties: fill !important;
+  -moz-context-properties: fill, fill-opacity, stroke !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 {

src/library/_menubar.scss

@@ -6,7 +6,7 @@
 #forward-button,
 #clearDownloadsButton {
   fill: currentColor !important;
-  -moz-context-properties: fill !important;
+  -moz-context-properties: fill, fill-opacity, stroke !important;
 }
 
 /* Add */

src/padding/_bookmarkbar.scss

@@ -1,3 +1,3 @@
 :root[uidensity="compact"] #PersonalToolbar toolbarbutton {
-  margin-top: 0px; /* Original: 2px */
+  margin-top: 0px !important; /* Original: 2px */
 }

src/padding/_panel.scss

@@ -1,5 +1,5 @@
 :root {
-  --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important; /* Original: 0 8px */
+  --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding, 8px) !important; /* Original: 0 8px */
   --arrowpanel-menuitem-padding-block: 5px !important; /* Original: 8px */
   --arrowpanel-menuitem-padding-inline: 5px !important; /* Original: 8px */
   --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important; /* Compatibility */

src/padding/_popup_panel.scss

@@ -25,7 +25,7 @@
 }
 /* not cut off for Protection popup Footer on windows */
 :root[uidensity="compact"] #protections-popup-multiView #protections-popup-footer {
-  padding: 3px 0 10px !important;
+  padding: 0 !important;
 }
 /* Button and disabled category in Protection popup */
 :root[uidensity="compact"] #protections-popup-multiView .protections-popup-footer-button,

src/padding/_urlview_expanding.scss

@@ -7,7 +7,7 @@
 #urlbar[breakout][breakout-extend] > #urlbar-input-container {
   height: var(--urlbar-height) !important;
   padding-block: 0 !important;
-  padding-inline: 0 !important;
+  padding-inline: var(--urlbar-container-padding, 0px) !important;
 }
 
 #urlbar[breakout][breakout-extend] > #urlbar-background {

src/tab/_selected_tab.scss

@@ -19,7 +19,10 @@
 }
 
 /*= Selected Tab - Photon like contextline ===================================*/
-@include Option("userChrome.tab.photon_like_contextline", "userChrome.tab.bar_separator") {
+@include Option(
+  "userChrome.tab.photon_like_contextline",
+  "userChrome.tab.static_separator",
+  "userChrome.tab.bar_separator") {
   :root[lwtheme-mozlightdark] #tabbrowser-tabs, /* Legacy: v96 */
   :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"],
   :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
@@ -31,6 +34,7 @@
     }
   }
 }
+
 @include Option("userChrome.tab.photon_like_contextline") {
   @import "selected_tab/photon_like_contextline";
 }

src/tab/_unload_tab.scss

@@ -1,3 +1,3 @@
-#tabbrowser-tabs .tabbrowser-tab[pending] .tab-content {
+.tabbrowser-tab[pending] .tab-content {
   opacity: 0.7;
 }

src/tab/newtab_button/_proton_like_button.scss

@@ -1,10 +1,3 @@
 :root:not([uidensity="touch"]) #tabs-newtab-button > .toolbarbutton-icon {
   --toolbarbutton-inner-padding: calc((var(--tab-min-height) - 16px) / 2 - 1px);
 }
-
-:root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
-  margin-left: 2px;
-}
-:root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
-  margin-left: 1px;
-}

src/tab/sound_tab/_show_with_favicons.scss

@@ -102,7 +102,7 @@
         --uc-sound-tab-no-icon-label-position-x: 3px;
       }
       &[labeldirection=rtl],
-      :not([labeldirection]):-moz-locale-dir(rtl) {
+      &:not([labeldirection]):-moz-locale-dir(rtl) {
         --uc-sound-tab-no-icon-position-x: 0.5px;
         --uc-sound-tab-no-icon-label-position-x: -3px;
       }

src/tab/unselected_tab/_dynamic_separator.scss

@@ -126,6 +126,13 @@
     .tab-stack::before {
     opacity: 0 !important;
   }
+
+  :root:not([uidensity="compact"]) #tabs-newtab-button > .toolbarbutton-icon {
+    margin-left: 2px;
+  }
+  :root[uidensity="compact"] #tabs-newtab-button > .toolbarbutton-icon {
+    margin-left: 1px;
+  }
 }
 
 /* Animate */

src/theme/_fully_color.scss

@@ -117,16 +117,16 @@ html#main-window menupopup:not(.in-menulist) {
 
 /*== Info Bar Color ==========================================================*/
 .container.infobar {
-  background-color: var(--urlbar-box-bgcolor);
+  background-color: var(--urlbar-box-bgcolor) !important;
 }
 .notification-button {
-  background-color: var(--button-bgcolor);
+  background-color: var(--button-bgcolor) !important;
 
   &:hover {
-    background-color: var(--button-hover-bgcolor);
+    background-color: var(--button-hover-bgcolor) !important;
   }
   &:hover:active {
-    background-color: var(--button-active-bgcolor);
+    background-color: var(--button-active-bgcolor) !important;
   }
 }
 

user.js

@@ -5,9 +5,6 @@ user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
 // Proton Enabled #127 || Removed at 97 #328 (Maintained for compatibility with ESR)
 user_pref("browser.proton.enabled", true);
 
-// Proton Tooltip
-user_pref("browser.proton.places-tooltip.enabled", true);
-
 // Fill SVG Color
 user_pref("svg.context-properties.content.enabled", true);