Merge master into proton-style

black7375 · Nov 4, 2024 · e4b6377 · e4b6377
2 parents 1447f9c + ed98668
commit e4b6377
Show file tree

Hide file tree

Showing 4 changed files with 128 additions and 0 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
diff --git a/src/icons/_global_menubar.scss b/src/icons/_global_menubar.scss
@@ -23,3 +23,16 @@
 #helpMenu {
   --menuitem-image: url("chrome://global/skin/icons/help.svg");
 }
+
+/*= Others ===================================================================*/
+#alltabs-button {
+  list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important;
+  > .toolbarbutton-badge-stack > .toolbarbutton-icon {
+    /* Original
+       width: 20px;
+       margin: -2px;
+     */
+    width: 16px !important;
+    margin: 0 !important;
+  }
+}
diff --git a/src/tab/sound_tab/_show_with_favicons.scss b/src/tab/sound_tab/_show_with_favicons.scss
@@ -60,6 +60,29 @@
   width: 17px !important;
   height: 17px !important;
 }
+.tab-icon-overlay:not([crashed]) {
+  // https://github.com/black7375/Firefox-UI-Fix/issues/1011
+  &:is([soundplaying], [muted], [activemedia-blocked]) {
+    -moz-context-properties: fill, fill-opacity, stroke !important;
+    fill: currentColor !important;
+    border: none !important;
+  }
+  &:is([pinned], [sharing]) {
+    stroke: var(--tab-icon-overlay-stroke, light-dark(white, black));
+    color: var(--tab-icon-overlay-fill, light-dark(black, white));
+  }
+
+  // There is a difference in size between background-image and list-style-image due to margins, etc.
+  &[soundplaying] {
+    list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg");
+  }
+  &[muted] {
+      list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
+  }
+  &[soundplaying] {
+      list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-small.svg");
+  }
+}
 .tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
   /* Color */
   color: currentColor !important;