From 1b2b7d1ec0bbb7fda3f45e6f9850cbba6f463532 Mon Sep 17 00:00:00 2001 From: Aris-t2 Date: Thu, 31 Aug 2023 10:49:28 +0200 Subject: [PATCH] 4.4.1 --- ...kmarks_toolbar_old_size_and_appearance.css | 7 +- .../css/generalui/searchbookmarks_hidden.css | 10 + .../css/tabs/alltabs_button_always_hidden.css | 9 + .../tabs/alltabs_button_always_visible.css | 1 - current/css/tabs/classic_squared_tabs.css | 8 +- .../tabs/classic_squared_tabs_australized.css | 8 +- ...ared_tabs_old_bordercolor_for_lwthemes.css | 33 ++++ current/css/tabs/default_tabs_photon.css | 4 +- current/css/tabs/default_tabs_photon_alt.css | 181 ++++++++++++++++++ current/userChrome.css | 6 +- 10 files changed, 249 insertions(+), 18 deletions(-) create mode 100644 current/css/generalui/searchbookmarks_hidden.css create mode 100644 current/css/tabs/alltabs_button_always_hidden.css create mode 100644 current/css/tabs/classic_squared_tabs_old_bordercolor_for_lwthemes.css create mode 100644 current/css/tabs/default_tabs_photon_alt.css diff --git a/current/css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css b/current/css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css index 589856ed..b567ffae 100644 --- a/current/css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css +++ b/current/css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css @@ -4,7 +4,6 @@ @media (-moz-platform: windows) { - @media not all and (-moz-windows-classic) { #PersonalToolbar toolbarbutton:not(#PlacesChevron), #PersonalToolbar #PlacesToolbar toolbarbutton, #PlacesToolbar toolbarbutton:not(#PlacesChevron) { @@ -35,16 +34,12 @@ padding-right: unset !important; width: unset !important; } - } } #PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [disabled=true], [open]):hover, #PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon, #PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text, -#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack { - background-color: transparent !important; -} - +#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack, #PersonalToolbar toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]), #PersonalToolbar toolbarbutton.bookmark-item[open="true"], #PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon, diff --git a/current/css/generalui/searchbookmarks_hidden.css b/current/css/generalui/searchbookmarks_hidden.css new file mode 100644 index 00000000..4737e97b --- /dev/null +++ b/current/css/generalui/searchbookmarks_hidden.css @@ -0,0 +1,10 @@ +/* Firefox userChrome.css tweaks ********************************************************/ +/* Github: https://github.com/aris-t2/customcssforfx ************************************/ +/****************************************************************************************/ + + +#panelMenu_searchBookmarks, +#BMB_searchBookmarks, +#menu_searchBookmarks { + display: none !important; +} diff --git a/current/css/tabs/alltabs_button_always_hidden.css b/current/css/tabs/alltabs_button_always_hidden.css new file mode 100644 index 00000000..3fd52509 --- /dev/null +++ b/current/css/tabs/alltabs_button_always_hidden.css @@ -0,0 +1,9 @@ +/* Firefox userChrome.css tweaks ********************************************************/ +/* Github: https://github.com/aris-t2/customcssforfx ************************************/ +/****************************************************************************************/ + + +#alltabs-button{ + visibility: collapse !important; + display: none !important; +} diff --git a/current/css/tabs/alltabs_button_always_visible.css b/current/css/tabs/alltabs_button_always_visible.css index 5f961606..3494f4b7 100644 --- a/current/css/tabs/alltabs_button_always_visible.css +++ b/current/css/tabs/alltabs_button_always_visible.css @@ -7,4 +7,3 @@ visibility: visible !important; display: flex !important; } - diff --git a/current/css/tabs/classic_squared_tabs.css b/current/css/tabs/classic_squared_tabs.css index cab2dbf4..c2f2be44 100644 --- a/current/css/tabs/classic_squared_tabs.css +++ b/current/css/tabs/classic_squared_tabs.css @@ -335,7 +335,7 @@ min-height: var(--classic_squared_tabs_tab_height) !important; } -#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] { +#TabsToolbar #tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] { min-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important; max-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important; } @@ -488,8 +488,8 @@ min-height: unset !important; } -#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) { - min-height: var(--tab-min-height) !important; +#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) { + min-height: var(--classic_squared_tabs_tab_height) !important; } .tab-close-button { @@ -588,7 +588,7 @@ border-inline-start: 0px solid color-mix(in srgb, currentColor 25%, transparent) !important; } -:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow="true"]) { +:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow]) { padding-inline-start: 0 !important; margin-inline-start: 0 !important; } diff --git a/current/css/tabs/classic_squared_tabs_australized.css b/current/css/tabs/classic_squared_tabs_australized.css index 57205424..71640a6b 100644 --- a/current/css/tabs/classic_squared_tabs_australized.css +++ b/current/css/tabs/classic_squared_tabs_australized.css @@ -333,7 +333,7 @@ .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--classic_squared_tabs_tab_height) !important; } -#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] { +#TabsToolbar #tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] { min-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important; max-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important; } @@ -486,8 +486,8 @@ min-height: unset !important; } -#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) { - min-height: var(--tab-min-height) !important; +#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) { + min-height: var(--classic_squared_tabs_tab_height) !important; } .tab-close-button { @@ -573,7 +573,7 @@ border-inline-start: 0px solid color-mix(in srgb, currentColor 25%, transparent) !important; } -:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow="true"]) { +:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow]) { padding-inline-start: 0 !important; margin-inline-start: 0 !important; } diff --git a/current/css/tabs/classic_squared_tabs_old_bordercolor_for_lwthemes.css b/current/css/tabs/classic_squared_tabs_old_bordercolor_for_lwthemes.css new file mode 100644 index 00000000..6e08255f --- /dev/null +++ b/current/css/tabs/classic_squared_tabs_old_bordercolor_for_lwthemes.css @@ -0,0 +1,33 @@ +/* Firefox userChrome.css tweaks ********************************************************/ +/* Github: https://github.com/aris-t2/customcssforfx ************************************/ +/****************************************************************************************/ + + +/* Has to be used along with 'classic_squared_tabs.css' */ + +#TabsToolbar:is([brighttext],:-moz-lwtheme-brighttext):-moz-lwtheme .tabbrowser-tab:is([selected],[multiselected]) .tab-content { + border-top: 1px solid rgba(255,255,255,.6) !important; + border-left: 1px solid rgba(255,255,255,.2) !important; + border-right: 1px solid rgba(255,255,255,.2) !important; +} + +#TabsToolbar:is([brighttext],:-moz-lwtheme-brighttext):-moz-lwtheme :is(.tabs-newtab-button,#tabs-newtab-button), +#TabsToolbar:is([brighttext],:-moz-lwtheme-brighttext):-moz-lwtheme .tabbrowser-tab .tab-content { + border-top: 1px solid rgba(255,255,255,.6) !important; + border-left: 1px solid rgba(255,255,255,.2) !important; + border-right: 1px solid rgba(255,255,255,.2) !important; +} + +@media (-moz-content-prefers-color-scheme: dark) { + .tabbrowser-tab:is([selected],[multiselected]):-moz-lwtheme .tab-content { + border-top: 1px solid rgba(255,255,255,.6) !important; + border-left: 1px solid rgba(255,255,255,.2) !important; + border-right: 1px solid rgba(255,255,255,.2) !important; + } + #TabsToolbar:-moz-lwtheme :is(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme, + .tabbrowser-tab .tab-content:-moz-lwtheme { + border-top: 1px solid rgba(255,255,255,.6) !important; + border-left: 1px solid rgba(255,255,255,.2) !important; + border-right: 1px solid rgba(255,255,255,.2) !important; + } +} \ No newline at end of file diff --git a/current/css/tabs/default_tabs_photon.css b/current/css/tabs/default_tabs_photon.css index 281d2209..7ee82908 100644 --- a/current/css/tabs/default_tabs_photon.css +++ b/current/css/tabs/default_tabs_photon.css @@ -202,7 +202,7 @@ border-inline-start: 0px solid color-mix(in srgb, currentColor 25%, transparent) !important; } -:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow="true"]) { +:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow]) { padding-inline-start: 0 !important; margin-inline-start: 0 !important; } @@ -236,7 +236,7 @@ max-height: calc( var(--tab-min-height) - 2px ) !important; } -#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) { +#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] :is(.tab-background,.tab-stack) { min-height: calc( var(--tab-min-height) - 0px ) !important; } diff --git a/current/css/tabs/default_tabs_photon_alt.css b/current/css/tabs/default_tabs_photon_alt.css new file mode 100644 index 00000000..b28b5047 --- /dev/null +++ b/current/css/tabs/default_tabs_photon_alt.css @@ -0,0 +1,181 @@ +/* Firefox userChrome.css tweaks ****************************************************************/ +/* Github: https://github.com/aris-t2/customcssforfx ********************************************/ +/************************************************************************************************/ + + +:root { + /* variable for tabs below navigation toolbar option */ + --tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height) + 0.5px ) !important; + + /* variable for tabs below navigation toolbar option on macOS */ + --tab_below_navigation_toolbar_bottom_padding_macOS: calc( var(--tab-min-height) + 1px ) !important; + --tab_below_navigation_toolbar_toolbox_top_padding_macOS: calc(-1px + var(--tab-min-height)) !important; + + /* variable for tabs below main content option */ + --tab_below_main_content_bottom_margin: calc(3px + var(--tab-min-height)) !important; + --tab_below_main_content_toolbar_height: calc(2px + var(--tab-min-height)) !important; + --tab_below_main_content_top_margin: 0px !important; + +} + +/* make tabs look like tabs again */ +.tab-background { + border-radius: 0px !important; + margin-block: 0px !important; +} + +.tab-background[multiselected=true], +.tab-background[selected=true] { + background-color: var(--toolbar-bgcolor) !important; + background-image: var(--toolbar-bgimage) !important; +} + +/* remove left and right tab spaces */ +#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { + margin-inline-start: 0px !important; +} + +.tabbrowser-tab { + padding-inline: 0px !important; + border-radius: 0px !important; +} + +/* adjust 'new tab' tab */ +#tabs-newtab-button { + padding-inline: 1px !important; + border-radius: 0px !important; +} + +#tabs-newtab-button .toolbarbutton-icon { + border-radius: 0px !important; +} + +/* reduce scrollbuttons size */ +#scrollbutton-up, +#scrollbutton-down { + padding: 0 !important; + border-radius: 0 !important; +} + +/*tab line for active tab */ +.tabbrowser-tab .tab-context-line { + height: 2px !important; + border-radius: 0px !important; +} + +.tabbrowser-tab[selected]:not([usercontextid]) .tab-context-line { + background-color: Highlight !important; +} + +#main-window:not([lwtheme-image="true"]):not([lwtheme-mozlightdark]):-moz-lwtheme .tabbrowser-tab[selected]:not([usercontextid]) .tab-context-line { + background-color: var(--tab-line-color,Highlight) !important; +} + +.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { + margin: unset !important; + background-color: var(--identity-icon-color) !important; +} + +/* border between navigation toolbar and tabs toolbar */ +#nav-bar:not(:-moz-lwtheme) { + box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--chrome-content-separator-color) !important; +} + +#nav-bar:-moz-lwtheme { + box-shadow: unset !important; +} + +/* Tab separators: modified Fx88s browser.css code */ +.titlebar-spacer[type="pre-tabs"] { + border-inline-end: 1px solid var(--lwt-background-tab-separator-color, currentColor); + opacity: 0.2; +} + +.tabbrowser-tab::after, +.tabbrowser-tab::before { + border-left: 1px solid var(--lwt-background-tab-separator-color, currentColor); + margin-block: 5px 4px; + opacity: 0.3; +} + +.tabbrowser-tab::before { + margin-inline-start: -1px; +} + +:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] + #TabsToolbar .tabbrowser-tab::after, +.tabbrowser-tab:hover::after, +#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforehovered]::after, +.tabbrowser-tab[multiselected]::after, +#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[before-multiselected]::after { + margin-top: var(--tabs-top-border-width); + margin-bottom: 0; +} + +#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforeselected-visible]::after, +#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before, +.tabbrowser-tab[visuallyselected]::after { + border-color: var(--tabs-border-color); + margin-top: 0; + margin-bottom: var(--tabs-navbar-shadow-size); + opacity: 0.1; +} + +.tabbrowser-tab::after, +#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before { + content: ""; + display: block; +} + +/* remove active tabs left and right tab border color when using lw-themes */ +:root:not([lwtheme-mozlightdark]) #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme, +:root:not([lwtheme-mozlightdark]) #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme { + box-shadow: unset !important; +} + +.tab-background:is([selected], [multiselected]):-moz-lwtheme { + border: 0 !important; +} + +/* tab height fix ESR 91.6, 96.0.2, 97+ */ +#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container { + height: unset !important; +} + +/* Fx 100+ outline fix */ +#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon:-moz-lwtheme, +.tab-background[selected]:-moz-lwtheme { + outline: unset !important; +} + +/* Fx 101+ */ +@media (-moz-platform: windows-win10), (-moz-os-version:windows-win10) { + + #main-window[sizemode="maximized"][tabsintitlebar] #titlebar { + margin-top: -1px !important; + } +} + +/* Fx 105+ - remove Firefox-view-button from tabs toolbar */ +:root:not([privatebrowsingmode=temporary]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs, +:root[privatebrowsingmode=temporary] :is(toolbarbutton:not(#firefox-view-button), toolbarpaletteitem:not(#wrapper-firefox-view-button)) + #tabbrowser-tabs { + border-inline-start: 0px solid color-mix(in srgb, currentColor 25%, transparent) !important; +} + +:root:not([privatebrowsingmode=temporary]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs:not([overflow]) { + padding-inline-start: 0 !important; + margin-inline-start: 0 !important; +} + +#firefox-view-button { + display: none !important; +} + +/* Fx 106+*/ +#private-browsing-indicator-with-label { + display: none !important; +} + +#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) { + margin-inline-start: 0px !important; +} + diff --git a/current/userChrome.css b/current/userChrome.css index 16d33ad7..fd02cbfe 100644 --- a/current/userChrome.css +++ b/current/userChrome.css @@ -2,7 +2,7 @@ Firefox userChrome.css tweaks: main file Custom CSS for Firefox 115+ - Current version: 4.4.0 + Current version: 4.4.1 Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code Github: https://github.com/aris-t2/customcssforfx @@ -553,6 +553,7 @@ /* Tab appearance based on tabs known from Firefox 57 - 88 */ /* @import "./css/tabs/default_tabs_photon.css"; /**/ +/* @import "./css/tabs/default_tabs_photon_alt.css"; /**/ /* file from v4.2.7 -no support- */ /* ====================================================================================== @@ -721,6 +722,7 @@ @import "./css/tabs/tab_icon_colors.css"; /**/ /* @import "./css/tabs/tab_title_centered.css"; /**/ /* @import "./css/tabs/tabs_firefox_view_button_hidden.css"; /**/ +/* @import "./css/tabs/classic_squared_tabs_old_bordercolor_for_lwthemes.css"; /**/ /* Has to be used along with 'classic_squared_tabs.css' */ /* @import "./css/tabs/default_tabs_reduce_spaces.css"; /**/ /* @import "./css/tabs/tabs_fully_squared.css"; /**/ /* @import "./css/tabs/tab_audio_icon.css"; /**/ @@ -734,6 +736,7 @@ /* @import "./css/tabs/tab_maxwidth.css"; /**/ /* @import "./css/tabs/tab_titles_remove_blur.css"; /**/ /* @import "./css/tabs/alltabs_button_always_visible.css"; /**/ /* hidden, if multiple tab rows are used */ +/* @import "./css/tabs/alltabs_button_always_hidden.css"; /**/ /* @import "./css/tabs/pinnedtab_empty_favicon_hidden.css"; /**/ /* [!] edit target file to select which items to hide */ @@ -747,6 +750,7 @@ @import "./css/generalui/private_mode_indicator_hidden.css"; /**/ @import "./css/generalui/bookmark_icons_colorized.css"; /**/ +/* @import "./css/generalui/searchbookmarks_hidden.css"; /**/ /* @import "./css/generalui/bookmarks_smaller_more_bookmarks_icon.css"; /**/ /* @import "./css/generalui/send_to_device_menuitems_hidden.css"; /**/ /* @import "./css/generalui/set_as_desktop_background_menuitems_hidden.css"; /**/