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]) {