diff --git a/current/css/aboutlogins/aboutlogins_alternative_appearance_aero.css b/current/css/aboutlogins/aboutlogins_alternative_appearance_aero.css index f6145d4c..a0dafd65 100644 --- a/current/css/aboutlogins/aboutlogins_alternative_appearance_aero.css +++ b/current/css/aboutlogins/aboutlogins_alternative_appearance_aero.css @@ -11,7 +11,7 @@ .container ol[role="listbox"], login-list, div.meta { - background: #dbeaf9 !important; + background: #edf6ff !important; } } diff --git a/current/css/appbutton/appbutton_popup_icons.css b/current/css/appbutton/appbutton_popup_icons.css index 28edd498..94c0318b 100644 --- a/current/css/appbutton/appbutton_popup_icons.css +++ b/current/css/appbutton/appbutton_popup_icons.css @@ -143,6 +143,13 @@ fill: currentColor; } +#appMenu-translate-button > .toolbarbutton-icon { + -moz-context-properties: fill; + list-style-image: url("chrome://browser/skin/translations.svg"); + padding-inline-end: 4px; + fill: currentColor; +} + :is(#appMenu-zoom-controls,#appMenu-zoom-controls2)::before { content:"" !important; display: block !important; diff --git a/current/css/appbutton/appbutton_popup_icons_colorized.css b/current/css/appbutton/appbutton_popup_icons_colorized.css index 4b7099ef..a92ede19 100644 --- a/current/css/appbutton/appbutton_popup_icons_colorized.css +++ b/current/css/appbutton/appbutton_popup_icons_colorized.css @@ -25,12 +25,12 @@ } /* purple */ -:is(#appMenu-new-private-window-button2,#appMenu-history-button,#appMenu-print-button2) > .toolbarbutton-icon, +:is(#appMenu-new-private-window-button2,#appMenu-history-button,#appMenu-print-button2,#appMenu-translate-button) > .toolbarbutton-icon, #PanelUI-history :is(#appMenuRecentlyClosedTabs,#appMenuRecentlyClosedWindows,#appMenuRestoreSession,#appMenu-restoreSession) > .toolbarbutton-icon { fill: #800080 !important; } -#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext :is(#appMenu-new-private-window-button2,#appMenu-history-button,#appMenu-print-button2) > .toolbarbutton-icon, +#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext :is(#appMenu-new-private-window-button2,#appMenu-history-button,#appMenu-print-button2,#appMenu-translate-button) > .toolbarbutton-icon, #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #PanelUI-history :is(#appMenuRecentlyClosedTabs,#appMenuRecentlyClosedWindows,#appMenuRestoreSession,#appMenu-restoreSession) > .toolbarbutton-icon { fill: #ff00ff !important; } diff --git a/current/css/buttons/buttons_on_navbar_aero_appearance.css b/current/css/buttons/buttons_on_navbar_aero_appearance.css index 960ea0a2..f212c730 100644 --- a/current/css/buttons/buttons_on_navbar_aero_appearance.css +++ b/current/css/buttons/buttons_on_navbar_aero_appearance.css @@ -3,15 +3,10 @@ /****************************************************************************************/ -#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, -#nav-bar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, -#nav-bar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, -#nav-bar .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, -#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, -#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, -#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { +/* hovered state */ +#nav-bar .unified-extensions-item toolbarbutton:not([disabled=true]):hover, +#nav-bar toolbarbutton:not([disabled=true]):hover :is(.toolbarbutton-badge-stack,.toolbarbutton-icon) { background: transparent !important; - background-color: transparent !important; background-image: linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px), linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px), @@ -24,15 +19,10 @@ box-shadow .2s ease-in !important; } -#nav-bar toolbarbutton:not(#PlacesChevron)[type="menu"][open]:not([disabled]):not(.bookmark-item):not([container="true"]) > .toolbarbutton-icon, -#nav-bar toolbarbutton:not(#PlacesChevron)[type="menu-button"]:not([open]):hover:not([disabled]):not(.bookmark-item):active > .toolbarbutton-icon, -#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]) > .toolbarbutton-icon, -#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, -#nav-bar .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-icon, -#nav-bar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-text, -#nav-bar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack { +/* clicked/active state */ +#nav-bar .unified-extensions-item toolbarbutton:not([disabled=true]):is([open],[checked],:hover:active,:active), +#nav-bar toolbarbutton:not([disabled=true]):is([open],[checked],:hover:active,:active) :is(.toolbarbutton-badge-stack,.toolbarbutton-icon) { background: transparent !important; - background-color: transparent !important; background-image: linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px), linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px), @@ -44,3 +34,11 @@ border-color .2s ease-in, box-shadow .2s ease-in !important; } + +#nav-bar .unified-extensions-item toolbarbutton:not([disabled=true]):is(:hover,[open],[checked],:hover:active,:active) :is(.toolbarbutton-badge-stack,.toolbarbutton-icon) { + background: unset !important; + background-image: unset !important; + border-radius: unset !important; + outline: unset !important; + transition: unset !important; +} diff --git a/current/css/buttons/buttons_on_navbar_classic_appearance.css b/current/css/buttons/buttons_on_navbar_classic_appearance.css index aa8a1eb7..7358ca07 100644 --- a/current/css/buttons/buttons_on_navbar_classic_appearance.css +++ b/current/css/buttons/buttons_on_navbar_classic_appearance.css @@ -169,10 +169,10 @@ 0 0 0 1px rgba(0,0,0,.4) inset !important; } -#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] > .toolbarbutton-icon, -#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] > .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] .toolbarbutton-icon, #nav-bar > toolbarbutton[disabled=true] > .toolbarbutton-icon { - opacity: .6 !important; + opacity: .4 !important; } #nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true], diff --git a/current/css/buttons/buttons_on_navbar_classic_appearance_dark.css b/current/css/buttons/buttons_on_navbar_classic_appearance_dark.css index f1e47b03..e6e15cec 100644 --- a/current/css/buttons/buttons_on_navbar_classic_appearance_dark.css +++ b/current/css/buttons/buttons_on_navbar_classic_appearance_dark.css @@ -169,10 +169,10 @@ 0 0 0 1px rgba(0,0,0,.4) inset !important; } -#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] > .toolbarbutton-icon, -#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] > .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] .toolbarbutton-icon, #nav-bar > toolbarbutton[disabled=true] > .toolbarbutton-icon { - opacity: .6 !important; + opacity: .4 !important; } #nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true], diff --git a/current/css/buttons/buttons_on_navbar_classic_appearance_v2.css b/current/css/buttons/buttons_on_navbar_classic_appearance_v2.css index 4dd023ce..dbb44c57 100644 --- a/current/css/buttons/buttons_on_navbar_classic_appearance_v2.css +++ b/current/css/buttons/buttons_on_navbar_classic_appearance_v2.css @@ -169,10 +169,10 @@ 0 0 0 1px rgba(0,0,0,.9) inset !important; } -#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] > .toolbarbutton-icon, -#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] > .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] .toolbarbutton-icon, #nav-bar > toolbarbutton[disabled=true] > .toolbarbutton-icon { - opacity: .6 !important; + opacity: .4 !important; } #nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true], diff --git a/current/css/buttons/buttons_on_navbar_glass_appearance.css b/current/css/buttons/buttons_on_navbar_glass_appearance.css index d3101a84..956ee336 100644 --- a/current/css/buttons/buttons_on_navbar_glass_appearance.css +++ b/current/css/buttons/buttons_on_navbar_glass_appearance.css @@ -169,10 +169,10 @@ 0 0 0 1px rgba(0,0,0,.4) inset !important; } -#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] > .toolbarbutton-icon, -#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] > .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] .toolbarbutton-icon, #nav-bar > toolbarbutton[disabled=true] > .toolbarbutton-icon { - opacity: .6 !important; + opacity: .4 !important; } #nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true], diff --git a/current/css/buttons/buttons_on_navbar_osx_appearance.css b/current/css/buttons/buttons_on_navbar_osx_appearance.css index 7bb48362..257aa4ab 100644 --- a/current/css/buttons/buttons_on_navbar_osx_appearance.css +++ b/current/css/buttons/buttons_on_navbar_osx_appearance.css @@ -165,10 +165,10 @@ transition-duration: 10ms !important; } -#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] > .toolbarbutton-icon, -#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] > .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] .toolbarbutton-icon, #nav-bar > toolbarbutton[disabled=true] > .toolbarbutton-icon { - opacity: .6 !important; + opacity: .4 !important; } #nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true], diff --git a/current/css/buttons/buttons_on_navbar_windows_classic_theme_appearance.css b/current/css/buttons/buttons_on_navbar_windows_classic_theme_appearance.css index 13ee0bb3..2702ed1f 100644 --- a/current/css/buttons/buttons_on_navbar_windows_classic_theme_appearance.css +++ b/current/css/buttons/buttons_on_navbar_windows_classic_theme_appearance.css @@ -170,10 +170,10 @@ border-radius: 0px !important; } -#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] > .toolbarbutton-icon, -#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] > .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] .toolbarbutton-icon, +#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] .toolbarbutton-icon, #nav-bar > toolbarbutton[disabled=true] > .toolbarbutton-icon { - opacity: .6 !important; + opacity: .4 !important; } #nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true], diff --git a/current/css/buttons/buttons_on_tabs_toolbar_classic_appearance.css b/current/css/buttons/buttons_on_tabs_toolbar_classic_appearance.css index 124149c7..3cf9f682 100644 --- a/current/css/buttons/buttons_on_tabs_toolbar_classic_appearance.css +++ b/current/css/buttons/buttons_on_tabs_toolbar_classic_appearance.css @@ -86,7 +86,7 @@ 0 0 0 1px rgba(0,0,0,.4) inset !important; } #TabsToolbar #TabsToolbar-customization-target > toolbarbutton[disabled=true] > .toolbarbutton-icon { - opacity: .6 !important; + opacity: .4 !important; } #TabsToolbar #TabsToolbar-customization-target > toolbarbutton[disabled=true]{ diff --git a/current/css/buttons/unified_extensions_button_popup_icons_only.css b/current/css/buttons/unified_extensions_button_popup_icons_only.css index 6546671b..458586a9 100644 --- a/current/css/buttons/unified_extensions_button_popup_icons_only.css +++ b/current/css/buttons/unified_extensions_button_popup_icons_only.css @@ -30,7 +30,16 @@ #unified-extensions-view toolbarbutton { padding: 4px !important; } -/* -#unified-extensions-view toolbarbutton:not([badge]) .toolbarbutton-badge-stack { - margin-inline-end: 0 !important; -}*/ + +#unified-extensions-view .unified-extensions-item-icon, +#unified-extensions-view .unified-extensions-item .webextension-browser-action.subviewbutton > .toolbarbutton-badge-stack { + margin-inline-end: 0px !important; +} + +#unified-extensions-view toolbarbutton menupopup[placespopup] > :is(menu, menuitem), +#unified-extensions-view .subview-subheader, +#unified-extensions-view panelview .toolbarbutton-1, +#unified-extensions-view .subviewbutton, +#unified-extensions-view .widget-overflow-list .toolbarbutton-1 { + margin: 0 !important; +} diff --git a/current/css/buttons/unified_extensions_button_popup_icons_only_horizontal.css b/current/css/buttons/unified_extensions_button_popup_icons_only_horizontal.css index 9d9ec170..2e48d4fb 100644 --- a/current/css/buttons/unified_extensions_button_popup_icons_only_horizontal.css +++ b/current/css/buttons/unified_extensions_button_popup_icons_only_horizontal.css @@ -36,6 +36,15 @@ padding: 4px !important; } -#unified-extensions-view toolbarbutton:not([badge]) .toolbarbutton-badge-stack { - margin-inline-end: 0 !important; +#unified-extensions-view .unified-extensions-item-icon, +#unified-extensions-view .unified-extensions-item .webextension-browser-action.subviewbutton > .toolbarbutton-badge-stack { + margin-inline-end: 0px !important; +} + +#unified-extensions-view toolbarbutton menupopup[placespopup] > :is(menu, menuitem), +#unified-extensions-view .subview-subheader, +#unified-extensions-view panelview .toolbarbutton-1, +#unified-extensions-view .subviewbutton, +#unified-extensions-view .widget-overflow-list .toolbarbutton-1 { + margin: 0 !important; } diff --git a/current/css/locationbar/picture_in_picture_button_hidden.css b/current/css/locationbar/picture_in_picture_button_hidden.css new file mode 100644 index 00000000..0ccb764e --- /dev/null +++ b/current/css/locationbar/picture_in_picture_button_hidden.css @@ -0,0 +1,9 @@ +/* Firefox userChrome.css tweaks ********************************************************/ +/* Github: https://github.com/aris-t2/customcssforfx ************************************/ +/****************************************************************************************/ + + +/* hide picture in picture button when videos a playing */ +#urlbar-container #picture-in-picture-button { + visibility: collapse !important; +} diff --git a/current/css/tabs/default_tabs_photon.css b/current/css/tabs/default_tabs_photon.css index 7a4e924f..51a25f49 100644 --- a/current/css/tabs/default_tabs_photon.css +++ b/current/css/tabs/default_tabs_photon.css @@ -34,6 +34,7 @@ } /* remove left and right tab spaces */ +#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])), #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { margin-inline-start: 0px !important; } @@ -105,12 +106,14 @@ } .tabbrowser-tab:not([pinned]):not([selected],[multiselected])::before, +.tabbrowser-tab:not([pinned]):hover:not([selected]):nth-child(1 of :not([pinned], [hidden]))::before, .tabbrowser-tab:not([pinned]):hover:not([selected])[first-visible-unpinned-tab]::before, .tabbrowser-tab:not([pinned]):not([selected],[multiselected]):last-of-type::after, #tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([pinned])[selected] + .tabbrowser-tab::before { border-right: 1px solid var(--lwt-background-tab-separator-color, currentColor); } +.tabbrowser-tab:not([pinned]):not([selected]):nth-child(1 of :not([pinned], [hidden]))::before, .tabbrowser-tab:not([pinned]):not([selected])[first-visible-unpinned-tab]::before, .tabbrowser-tab:not([pinned])[selected] + .tabbrowser-tab:not([selected])::before, .tabbrowser-tab:not([pinned])[multiselected]:not([selected]) + .tabbrowser-tab:not([selected])::before { @@ -123,6 +126,7 @@ .tabbrowser-tab:not([pinned]):hover:not([selected],[multiselected])::before, .tabbrowser-tab:not([pinned]):hover:not([selected],[multiselected]):last-of-type::after, +.tabbrowser-tab:not([pinned]):hover:not([selected]):nth-child(1 of :not([pinned], [hidden]))::before, .tabbrowser-tab:not([pinned]):hover:not([selected])[first-visible-unpinned-tab]::before, .tabbrowser-tab:not([pinned]):hover + .tabbrowser-tab:not([pinned]):not([selected],[multiselected])::before { margin-top: 0; diff --git a/current/css/tabs/default_tabs_reduce_spaces.css b/current/css/tabs/default_tabs_reduce_spaces.css index 22a6882a..646d73b3 100644 --- a/current/css/tabs/default_tabs_reduce_spaces.css +++ b/current/css/tabs/default_tabs_reduce_spaces.css @@ -7,6 +7,7 @@ padding-inline: 1px !important; } +#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])), #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { margin-inline-start: 0px !important; } diff --git a/current/userChrome.css b/current/userChrome.css index 8868183c..5d72f7d4 100644 --- a/current/userChrome.css +++ b/current/userChrome.css @@ -2,7 +2,7 @@ Firefox userChrome.css tweaks: main file Custom CSS for Firefox 110+ - Current version: 4.3.7 + Current version: 4.3.8 Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code Github: https://github.com/aris-t2/customcssforfx @@ -1136,6 +1136,7 @@ /* @import "./css/locationbar/icons_colorized.css"; /**/ /* @import "./css/locationbar/reader_alternative_icon.css"; /**/ /* @import "./css/locationbar/popup_blocked_button_hidden.css"; /**/ +/* @import "./css/locationbar/picture_in_picture_button_hidden.css"; /**/ /* @import "./css/locationbar/zoom_button_hidden.css"; /**/ /* @import "./css/locationbar/go_button_in_location_bar_hidden.css"; /**/ /* @import "./css/locationbar/tracking_protection_alternative_icon.css"; /**/