diff --git a/src/other/firefox/Monterey/parts/icons.css b/src/other/firefox/Monterey/parts/icons.css index bf3c200b..fb5a89ce 100644 --- a/src/other/firefox/Monterey/parts/icons.css +++ b/src/other/firefox/Monterey/parts/icons.css @@ -88,11 +88,13 @@ arrowscrollbox[orient="horizontal"] { /* Search entries */ #urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon, +#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon, .searchbar-search-icon, #search-box .textbox-search-sign { list-style-image: url("../icons/edit-find-symbolic.svg") !important; opacity: 0.7 !important; } + #search-box .textbox-search-sign { width: 16px !important; margin: 2px 0; @@ -370,10 +372,15 @@ menu[disabled] > .menu-right { list-style-image: url("../icons/page-action.svg") !important; } +#save-to-pocket-button, #pocket-button, #pageAction-panel-pocket { list-style-image: url("../icons/save-to-pocket.svg") !important; } +#save-to-pocket-button[open="true"], #save-to-pocket-button[pocketed="true"] { + list-style-image: url("../icons/save-to-pocket-open.svg") !important; +} + #context-bookmarkpage, #star-button { list-style-image: url("../icons/star-symbolic.svg") !important; @@ -567,6 +574,7 @@ treechildren::-moz-tree-image { .menu-right, #urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon, + #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon, .searchbar-search-icon, #search-box .textbox-search-sign, @@ -679,11 +687,15 @@ treechildren::-moz-tree-image { filter: invert(60%) brightness(150%); } - #pocket-button, - #pageAction-panel-pocket { + #save-to-pocket-button, + #pocket-button, #pageAction-panel-pocket { list-style-image: url("../icons/save-to-pocket-light.svg") !important; } + #save-to-pocket-button[open="true"], #save-to-pocket-button[pocketed="true"] { + list-style-image: url("../icons/save-to-pocket-open-light.svg") !important; + } + /* Tree views */ treechildren::-moz-tree-twisty, .item.client .item-twisty-container { diff --git a/src/other/firefox/Monterey/parts/tabsbar-alt.css b/src/other/firefox/Monterey/parts/tabsbar-alt.css index 1bdd66ab..8b3ed735 100644 --- a/src/other/firefox/Monterey/parts/tabsbar-alt.css +++ b/src/other/firefox/Monterey/parts/tabsbar-alt.css @@ -95,6 +95,28 @@ tab > stack { min-width: 16px; } +.tabbrowser-tab[soundplaying="true"] .tab-icon-image { + margin-top: 3px !important; + margin-left: 3px !important; +} + +.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + top: 0 !important; + inset-inline-end: 0 !important; +} + +.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + background-color: var(--gnome-tabbar-tab-background) !important; +} + +.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + background-color: var(--gnome-tabbar-tab-active-background) !important; +} + +.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]):hover { + background-color: var(--gnome-tabbar-tab-hover-background) !important; +} + /* Adjust tab label width */ .tab-label-container { min-width: 0 !important; @@ -114,7 +136,7 @@ tab > stack { /* Force tab favicon to the center */ .tab-throbber, .tab-throbber-fallback, -.tabbrowser-tab:not([busy]) .tab-icon-image, +.tabbrowser-tab:not([busy]):not([soundplaying="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 bb2cc172..ac842f91 100644 --- a/src/other/firefox/Monterey/parts/tabsbar.css +++ b/src/other/firefox/Monterey/parts/tabsbar.css @@ -112,6 +112,28 @@ tab > stack { margin-top: 0 !important; } +.tabbrowser-tab[soundplaying="true"] .tab-icon-image { + margin-top: 3px !important; + margin-left: 3px !important; +} + +.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + top: 0 !important; + inset-inline-end: 0 !important; +} + +.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + background-color: var(--gnome-tabbar-tab-background) !important; +} + +.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + background-color: var(--gnome-tabbar-tab-active-background) !important; +} + +.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]):hover { + background-color: var(--gnome-tabbar-tab-hover-background) !important; +} + /* Remove blue line above tabs */ .tab-line { display: none; diff --git a/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic-light.svg b/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic-light.svg index 62685f3a..60d17362 100644 --- a/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic-light.svg +++ b/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic-light.svg @@ -1,7 +1,56 @@ - - - - - - + + + + + + + diff --git a/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic.svg b/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic.svg index b2ac40df..b15ad68f 100644 --- a/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic.svg +++ b/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic.svg @@ -1,7 +1,59 @@ - - - - - - + + + + + + + + + diff --git a/src/other/firefox/WhiteSur/icons/save-to-pocket-light.svg b/src/other/firefox/WhiteSur/icons/save-to-pocket-light.svg index 0c349fae..2fe1226b 100644 --- a/src/other/firefox/WhiteSur/icons/save-to-pocket-light.svg +++ b/src/other/firefox/WhiteSur/icons/save-to-pocket-light.svg @@ -1,6 +1,51 @@ - - - - - + + + + + + + + + diff --git a/src/other/firefox/WhiteSur/icons/save-to-pocket-open-light.svg b/src/other/firefox/WhiteSur/icons/save-to-pocket-open-light.svg new file mode 100644 index 00000000..b2ecda59 --- /dev/null +++ b/src/other/firefox/WhiteSur/icons/save-to-pocket-open-light.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/src/other/firefox/WhiteSur/icons/save-to-pocket-open.svg b/src/other/firefox/WhiteSur/icons/save-to-pocket-open.svg new file mode 100644 index 00000000..504bfa73 --- /dev/null +++ b/src/other/firefox/WhiteSur/icons/save-to-pocket-open.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/src/other/firefox/WhiteSur/icons/save-to-pocket.svg b/src/other/firefox/WhiteSur/icons/save-to-pocket.svg index a6df7cfb..92959cf2 100644 --- a/src/other/firefox/WhiteSur/icons/save-to-pocket.svg +++ b/src/other/firefox/WhiteSur/icons/save-to-pocket.svg @@ -1,6 +1,50 @@ - - - - - + + + + + + + + + diff --git a/src/other/firefox/WhiteSur/parts/icons.css b/src/other/firefox/WhiteSur/parts/icons.css index bf3c200b..fb5a89ce 100644 --- a/src/other/firefox/WhiteSur/parts/icons.css +++ b/src/other/firefox/WhiteSur/parts/icons.css @@ -88,11 +88,13 @@ arrowscrollbox[orient="horizontal"] { /* Search entries */ #urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon, +#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon, .searchbar-search-icon, #search-box .textbox-search-sign { list-style-image: url("../icons/edit-find-symbolic.svg") !important; opacity: 0.7 !important; } + #search-box .textbox-search-sign { width: 16px !important; margin: 2px 0; @@ -370,10 +372,15 @@ menu[disabled] > .menu-right { list-style-image: url("../icons/page-action.svg") !important; } +#save-to-pocket-button, #pocket-button, #pageAction-panel-pocket { list-style-image: url("../icons/save-to-pocket.svg") !important; } +#save-to-pocket-button[open="true"], #save-to-pocket-button[pocketed="true"] { + list-style-image: url("../icons/save-to-pocket-open.svg") !important; +} + #context-bookmarkpage, #star-button { list-style-image: url("../icons/star-symbolic.svg") !important; @@ -567,6 +574,7 @@ treechildren::-moz-tree-image { .menu-right, #urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon, + #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon, .searchbar-search-icon, #search-box .textbox-search-sign, @@ -679,11 +687,15 @@ treechildren::-moz-tree-image { filter: invert(60%) brightness(150%); } - #pocket-button, - #pageAction-panel-pocket { + #save-to-pocket-button, + #pocket-button, #pageAction-panel-pocket { list-style-image: url("../icons/save-to-pocket-light.svg") !important; } + #save-to-pocket-button[open="true"], #save-to-pocket-button[pocketed="true"] { + list-style-image: url("../icons/save-to-pocket-open-light.svg") !important; + } + /* Tree views */ treechildren::-moz-tree-twisty, .item.client .item-twisty-container { diff --git a/src/other/firefox/WhiteSur/parts/tabsbar.css b/src/other/firefox/WhiteSur/parts/tabsbar.css index b52f8d3e..724db36c 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]) .tab-icon-image, +.tabbrowser-tab:not([busy]):not([soundplaying="true"]) .tab-icon-image, .tabbrowser-tab:not([class*="identity-color-"]) .tab-icon-stack { margin-left: auto !important; } @@ -171,7 +171,7 @@ tab[selected]:-moz-window-inactive { padding-inline: 0px !important; } -.tabbrowser-tab[selected="true"]>.tab-stack>.tab-background { +.tabbrowser-tab[selected="true"] > .tab-stack > .tab-background { margin-left: 0px !important; margin-right: 0px !important; } @@ -243,6 +243,28 @@ tab[selected]:-moz-window-inactive { margin-top: 0 !important; } +.tabbrowser-tab[soundplaying="true"] .tab-icon-image { + margin-top: 3px !important; + margin-left: 3px !important; +} + +.tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + top: 0 !important; + inset-inline-end: 0 !important; +} + +.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + background-color: var(--gnome-tabbar-tab-background) !important; +} + +.tabbrowser-tab[selected=true] .tab-icon-overlay:not([crashed]):is([pinned], [sharing]) { + background-color: var(--gnome-tabbar-tab-active-background) !important; +} + +.tabbrowser-tab .tab-icon-overlay:not([crashed]):is([pinned], [sharing]):hover { + background-color: var(--gnome-tabbar-tab-hover-background) !important; +} + /* Remove blue line above tabs */ .tab-line { display: none;