diff --git a/src/other/firefox/Monterey/parts/icons.css b/src/other/firefox/Monterey/parts/icons.css
index fb5a89c..0b591e2 100644
--- a/src/other/firefox/Monterey/parts/icons.css
+++ b/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,
- .tab-icon-overlay {
+ .panel-info-button > image {
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;
diff --git a/src/other/firefox/Monterey/parts/tabsbar-alt.css b/src/other/firefox/Monterey/parts/tabsbar-alt.css
index 8b3ed73..7a65b09 100644
--- a/src/other/firefox/Monterey/parts/tabsbar-alt.css
+++ b/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;
}
diff --git a/src/other/firefox/Monterey/parts/tabsbar.css b/src/other/firefox/Monterey/parts/tabsbar.css
index ac842f9..2daef60 100644
--- a/src/other/firefox/Monterey/parts/tabsbar.css
+++ b/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]) {
diff --git a/src/other/firefox/WhiteSur/icons/audio-muted-symbolic-light.svg b/src/other/firefox/WhiteSur/icons/audio-muted-symbolic-light.svg
new file mode 100644
index 0000000..cd6c9f9
--- /dev/null
+++ b/src/other/firefox/WhiteSur/icons/audio-muted-symbolic-light.svg
@@ -0,0 +1,86 @@
+
+
diff --git a/src/other/firefox/WhiteSur/icons/audio-playing-symbolic-light.svg b/src/other/firefox/WhiteSur/icons/audio-playing-symbolic-light.svg
new file mode 100644
index 0000000..57a68dc
--- /dev/null
+++ b/src/other/firefox/WhiteSur/icons/audio-playing-symbolic-light.svg
@@ -0,0 +1,70 @@
+
+
diff --git a/src/other/firefox/WhiteSur/parts/icons.css b/src/other/firefox/WhiteSur/parts/icons.css
index fb5a89c..0b591e2 100644
--- a/src/other/firefox/WhiteSur/parts/icons.css
+++ b/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,
- .tab-icon-overlay {
+ .panel-info-button > image {
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;
diff --git a/src/other/firefox/WhiteSur/parts/popups.css b/src/other/firefox/WhiteSur/parts/popups.css
index b70b6d5..5ebac05 100644
--- a/src/other/firefox/WhiteSur/parts/popups.css
+++ b/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 */
diff --git a/src/other/firefox/WhiteSur/parts/tabsbar.css b/src/other/firefox/WhiteSur/parts/tabsbar.css
index 724db36..6f1082f 100644
--- a/src/other/firefox/WhiteSur/parts/tabsbar.css
+++ b/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]) {