update

src/other/firefox/Monterey/parts/icons.css

@@ -191,16 +191,11 @@ menu[disabled] > .menu-right {
 	list-style-image: url("../icons/window-close-symbolic.svg") !important;
 }
 
-.tab-icon-overlay {
-	height: 22px !important;
-	width: 22px !important;
-	padding: 3px !important;
-}
-
 /* Sound icons */
 .tab-icon-overlay[soundplaying] {
 	list-style-image: url("../icons/audio-playing-symbolic.svg") !important;
 }
+
 .tab-icon-overlay[muted] {
 	list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
 }
@@ -547,10 +542,12 @@ button.close::before {
 	height: 16px !important;
 	width: 16px !important;
 }
+
 /* Fix icon color */
 #sidebar-icon {
 	opacity: 1 !important;
 }
+
 treechildren::-moz-tree-twisty,
 treechildren::-moz-tree-image {
 	fill-opacity: 1 !important;
@@ -682,11 +679,18 @@ treechildren::-moz-tree-image {
 	#identity-box[pageproxystate="valid"].localResource #identity-icon,
 	.bookmark-item[container] .toolbarbutton-icon,
 	.menu-iconic.bookmark-item[container] .menu-iconic-icon,
-	.panel-info-button > image,
+	.panel-info-button > image {
-	.tab-icon-overlay {
 		filter: invert(60%) brightness(150%);
 	}
 
+	.tab-icon-overlay[soundplaying] {
+		list-style-image: url("../icons/audio-playing-symbolic-light.svg") !important;
+	}
+
+	.tab-icon-overlay[muted] {
+		list-style-image: url("../icons/audio-muted-symbolic-light.svg") !important;
+	}
+
 	#save-to-pocket-button,
 	#pocket-button, #pageAction-panel-pocket {
 		list-style-image: url("../icons/save-to-pocket-light.svg") !important;

src/other/firefox/Monterey/parts/tabsbar-alt.css

@@ -74,6 +74,8 @@ tab > stack {
 /* Active tab */
 .tab-background[selected=true] {
 	background: var(--gnome-tabbar-tab-active-background) !important;
+	animation: none !important;
+	transition: none !important;
 }
 
 .tab-background[selected=true]:-moz-window-inactive {
@@ -95,9 +97,17 @@ tab > stack {
 	min-width: 16px;
 }
 
-.tabbrowser-tab[soundplaying="true"] .tab-icon-image {
+.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
+.tabbrowser-tab[muted="true"] .tab-icon-image {
 	margin-top: 3px !important;
-	margin-left: 3px !important;
+	margin-left: 2px !important;
+}
+
+.tab-icon-overlay {
+	height: 24px !important;
+	width: 24px !important;
+	padding: 4px !important;
+	border-radius: 100px !important;
 }
 
 .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {
@@ -136,7 +146,7 @@ tab > stack {
 
 /* Force tab favicon to the center */
 .tab-throbber, .tab-throbber-fallback,
-.tabbrowser-tab:not([busy]):not([soundplaying="true"]) .tab-icon-image,
+.tabbrowser-tab:not([busy]):not([soundplaying="true"],[muted="true"]) .tab-icon-image,
 .tabbrowser-tab:not([class*="identity-color-"]) .tab-icon-stack {
 	margin-left: auto !important;
 }

src/other/firefox/Monterey/parts/tabsbar.css

@@ -112,9 +112,17 @@ tab > stack {
 	margin-top: 0 !important;
 }
 
-.tabbrowser-tab[soundplaying="true"] .tab-icon-image {
+.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
+.tabbrowser-tab[muted="true"] .tab-icon-image {
 	margin-top: 3px !important;
-	margin-left: 3px !important;
+	margin-left: 2px !important;
+}
+
+.tab-icon-overlay {
+	height: 24px !important;
+	width: 24px !important;
+	padding: 4px !important;
+	border-radius: 100px !important;
 }
 
 .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {

src/other/firefox/WhiteSur/icons/audio-muted-symbolic-light.svg

@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   viewBox="0 0 4.2333 4.2333"
+   id="svg10"
+   sodipodi:docname="audio-muted-symbolic-light.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="5.3898305"
+     inkscape:cy="8"
+     inkscape:window-width="1920"
+     inkscape:window-height="1030"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10" />
+  <g
+     transform="matrix(0.26458125,0,0,0.26458125,0,-1.2677146e-4)"
+     fill="#363636"
+     opacity="0.35"
+     id="g404"
+     style="fill:#dedede;fill-opacity:1">
+    <rect
+       y="6"
+       width="5"
+       height="4"
+       ry="1"
+       fill-rule="evenodd"
+       id="rect392"
+       x="0"
+       style="fill:#dedede;fill-opacity:1" />
+    <path
+       d="M 6,3 3,6 v 4 l 3,3 z"
+       id="path394"
+       style="fill:#dedede;fill-opacity:1" />
+    <g
+       fill-rule="evenodd"
+       id="g402"
+       style="fill:#dedede;fill-opacity:1">
+      <path
+         d="M 13.139,1.428 C 12.594,1 12,1.652 12.455,2.16 A 8,8 0 0 1 15,8 8,8 0 0 1 12.446,13.852 C 12,14.323 12.626,15 13.123,14.58 A 9,9 0 0 0 16,8 9,9 0 0 0 13.139,1.428 Z"
+         id="path396"
+         style="fill:#dedede;fill-opacity:1" />
+      <path
+         d="M 10.775,2.889 C 10.188,2.354 9.576,3.114 10.091,3.621 A 6,6 0 0 1 12,8 6,6 0 0 1 10.084,12.389 c -0.469,0.446 0.173,1.146 0.68,0.728 A 7,7 0 0 0 13,8 7,7 0 0 0 10.775,2.889 Z"
+         id="path398"
+         style="fill:#dedede;fill-opacity:1" />
+      <path
+         d="M 8.41,4.35 C 7.89,3.856 7.255,4.57 7.727,5.08 A 4,4 0 0 1 9,8 4,4 0 0 1 7.723,10.926 c -0.473,0.43 0.14,1.152 0.68,0.73 A 5,5 0 0 0 10,8 5,5 0 0 0 8.41,4.35 Z"
+         id="path400"
+         style="fill:#dedede;fill-opacity:1" />
+    </g>
+  </g>
+  <rect
+     transform="rotate(45)"
+     x="0.34758037"
+     y="-0.13229063"
+     width="5.291625"
+     height="0.26458126"
+     rx="0.13229063"
+     ry="0.13229063"
+     fill="#363636"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-width="0.127811"
+     style="paint-order:markers stroke fill;fill:#dedede;fill-opacity:1"
+     id="rect406" />
+</svg>

src/other/firefox/WhiteSur/icons/audio-playing-symbolic-light.svg

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="audio-playing-symbolic-light.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="5.3898305"
+     inkscape:cy="8"
+     inkscape:window-width="1920"
+     inkscape:window-height="1030"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10" />
+  <g
+     transform="translate(0,-4.7914e-4)"
+     fill="#363636"
+     id="g14"
+     style="fill:#dedede;fill-opacity:1">
+    <rect
+       y="6"
+       width="5"
+       height="4"
+       ry="1"
+       fill-rule="evenodd"
+       id="rect2"
+       x="0"
+       style="fill:#dedede;fill-opacity:1" />
+    <path
+       d="M 6,3 3,6 v 4 l 3,3 z"
+       id="path4"
+       style="fill:#dedede;fill-opacity:1" />
+    <g
+       fill-rule="evenodd"
+       id="g12"
+       style="fill:#dedede;fill-opacity:1">
+      <path
+         d="M 13.139,1.428 C 12.594,1 12,1.652 12.455,2.16 A 8,8 0 0 1 15,8 8,8 0 0 1 12.446,13.852 C 12,14.323 12.626,15 13.123,14.58 A 9,9 0 0 0 16,8 9,9 0 0 0 13.139,1.428 Z"
+         id="path6"
+         style="fill:#dedede;fill-opacity:1" />
+      <path
+         d="M 10.775,2.889 C 10.188,2.354 9.576,3.114 10.091,3.621 A 6,6 0 0 1 12,8 6,6 0 0 1 10.084,12.389 c -0.469,0.446 0.173,1.146 0.68,0.728 A 7,7 0 0 0 13,8 7,7 0 0 0 10.775,2.889 Z"
+         id="path8"
+         style="fill:#dedede;fill-opacity:1" />
+      <path
+         d="M 8.41,4.35 C 7.89,3.856 7.255,4.57 7.727,5.08 A 4,4 0 0 1 9,8 4,4 0 0 1 7.723,10.926 c -0.473,0.43 0.14,1.152 0.68,0.73 A 5,5 0 0 0 10,8 5,5 0 0 0 8.41,4.35 Z"
+         id="path10"
+         style="fill:#dedede;fill-opacity:1" />
+    </g>
+  </g>
+</svg>

src/other/firefox/WhiteSur/parts/icons.css

@@ -191,16 +191,11 @@ menu[disabled] > .menu-right {
 	list-style-image: url("../icons/window-close-symbolic.svg") !important;
 }
 
-.tab-icon-overlay {
-	height: 22px !important;
-	width: 22px !important;
-	padding: 3px !important;
-}
-
 /* Sound icons */
 .tab-icon-overlay[soundplaying] {
 	list-style-image: url("../icons/audio-playing-symbolic.svg") !important;
 }
+
 .tab-icon-overlay[muted] {
 	list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
 }
@@ -547,10 +542,12 @@ button.close::before {
 	height: 16px !important;
 	width: 16px !important;
 }
+
 /* Fix icon color */
 #sidebar-icon {
 	opacity: 1 !important;
 }
+
 treechildren::-moz-tree-twisty,
 treechildren::-moz-tree-image {
 	fill-opacity: 1 !important;
@@ -682,11 +679,18 @@ treechildren::-moz-tree-image {
 	#identity-box[pageproxystate="valid"].localResource #identity-icon,
 	.bookmark-item[container] .toolbarbutton-icon,
 	.menu-iconic.bookmark-item[container] .menu-iconic-icon,
-	.panel-info-button > image,
+	.panel-info-button > image {
-	.tab-icon-overlay {
 		filter: invert(60%) brightness(150%);
 	}
 
+	.tab-icon-overlay[soundplaying] {
+		list-style-image: url("../icons/audio-playing-symbolic-light.svg") !important;
+	}
+
+	.tab-icon-overlay[muted] {
+		list-style-image: url("../icons/audio-muted-symbolic-light.svg") !important;
+	}
+
 	#save-to-pocket-button,
 	#pocket-button, #pageAction-panel-pocket {
 		list-style-image: url("../icons/save-to-pocket-light.svg") !important;

src/other/firefox/WhiteSur/parts/popups.css

@@ -74,7 +74,11 @@ menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
 panel[type="arrow"] {
 	appearance: none !important;
 	background-color: transparent !important;
-	margin: 12px -24px 0 !important;
+	margin: 10px -18px 0 !important;
+}
+
+panel[type="autocomplete-richlistbox"] {
+	margin: 0 !important;
 }
 
 /* Style popovers */

src/other/firefox/WhiteSur/parts/tabsbar.css

@@ -126,7 +126,7 @@ tab[selected]:-moz-window-inactive {
 
 /* Force tab favicon to the center */
 .tab-throbber, .tab-throbber-fallback,
-.tabbrowser-tab:not([busy]):not([soundplaying="true"]) .tab-icon-image,
+.tabbrowser-tab:not([busy]):not([soundplaying="true"],[muted="true"]) .tab-icon-image,
 .tabbrowser-tab:not([class*="identity-color-"]) .tab-icon-stack {
 	margin-left: auto !important;
 }
@@ -243,9 +243,17 @@ tab[selected]:-moz-window-inactive {
 	margin-top: 0 !important;
 }
 
-.tabbrowser-tab[soundplaying="true"] .tab-icon-image {
+.tabbrowser-tab[soundplaying="true"] .tab-icon-image,
+.tabbrowser-tab[muted="true"] .tab-icon-image {
 	margin-top: 3px !important;
-	margin-left: 3px !important;
+	margin-left: 2px !important;
+}
+
+.tab-icon-overlay {
+	height: 24px !important;
+	width: 24px !important;
+	padding: 4px !important;
+	border-radius: 100px !important;
 }
 
 .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) {