diff --git a/my_userChrome.css b/my_userChrome.css index 80e6497..9345f0b 100644 --- a/my_userChrome.css +++ b/my_userChrome.css @@ -11,3 +11,13 @@ --tab_max_width_mlt: 140px !important; --tabs-lines: 4 !important; } + +/* selected tab ****************************/ +#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { + background: #00811e !important; +} + +/* default tab *****************************/ +#TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-content { + background: hsl(0, 0%, 6%) !important; +} diff --git a/userChrome.css b/userChrome.css index 8654895..cc80ebe 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1,8 +1,8 @@ /*=============================================================================== Firefox userChrome.css tweaks: main file - Custom CSS for Firefox 115+ - Current version: 4.5.2 + Custom CSS for Firefox 133+ (128 ESR compatible with corresponding settings) + Current version: 4.6.8 Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code Github: https://github.com/aris-t2/customcssforfx @@ -116,7 +116,7 @@ */ /* default 'grey' colors */ -/* @import "./config/color_variables.css"; /**/ +@import "./config/color_variables.css"; /**/ /* 'AeroBlue' colors (Win 7 Aero) */ /* @import "./config/color_variables_aero.css"; /**/ @@ -134,7 +134,7 @@ /* @import "./config/color_variables_aeroglass.css"; /**/ /* Based on Firefox 'Developer Edition' colors */ -@import "./config/color_variables_deved.css"; /**/ +/* @import "./config/color_variables_deved.css"; /**/ /* Based on 'Noia 4 themes' grey colors */ /* @import "./config/color_variables_noia4_grey.css"; /**/ @@ -221,7 +221,7 @@ /* @import "./css/buttons/buttons_on_navbar_classic_appearance.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_classic_appearance_v2.css"; /**/ -/* @import "./css/buttons/buttons_on_navbar_classic_appearance_dark.css"; /**/ +@import "./css/buttons/buttons_on_navbar_classic_appearance_dark.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_aero_appearance.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_windows_classic_theme_appearance.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_glass_appearance.css"; /**/ @@ -344,6 +344,8 @@ /* @import "./css/buttons/back_and_forward_leftclick_history_popup_hidden.css"; /**/ /* @import "./css/buttons/zoom_buttons_hide_reset.css"; /**/ /* @import "./css/buttons/overflow_button_rotate_on_open.css"; /**/ +/* @import "./css/buttons/firefox_view_button_hidden.css"; /**/ +/* @import "./css/buttons/firefox_view_button_alternative_icon.css"; /**/ /* ---------------------------------------- @@ -351,6 +353,7 @@ ---------------------------------------- [!] only use one option at a time + [!] custom_backforward_connected_to_location_bar.css is not working on Fx 133+ */ /* @import "./css/buttons/custom_backforward_large_ff2.css"; /**/ @@ -360,7 +363,9 @@ /* @import "./css/buttons/custom_backforward_large_ff3_strata_red.css"; /**/ /* @import "./css/buttons/custom_backforward_large_ie8.css"; /**/ /* @import "./css/buttons/custom_backforward_large_ie9.css"; /**/ +/* @import "./css/buttons/custom_backforward_large_ie11.css"; /**/ /* @import "./css/buttons/custom_backforward_large_kempelton.css"; /**/ +/* @import "./css/buttons/custom_backforward_large_phoenix.css"; /**/ /* @import "./css/buttons/custom_backforward_large_noia.css"; /**/ /* @import "./css/buttons/custom_backforward_small_ff3.css"; /**/ /* @import "./css/buttons/custom_backforward_small_ff3_strata.css"; /**/ @@ -368,11 +373,13 @@ /* @import "./css/buttons/custom_backforward_small_ff3_strata_red.css"; /**/ /* @import "./css/buttons/custom_backforward_small_ie8.css"; /**/ /* @import "./css/buttons/custom_backforward_small_ie9.css"; /**/ +/* @import "./css/buttons/custom_backforward_small_ie11.css"; /**/ /* @import "./css/buttons/custom_backforward_small_kempelton.css"; /**/ +/* @import "./css/buttons/custom_backforward_small_phoenix.css"; /**/ /* @import "./css/buttons/custom_backforward_connected.css"; /**/ /* round */ -/* @import "./css/buttons/custom_backforward_connected_to_location_bar.css"; /**/ /* round */ -/* @import "./css/buttons/custom_backforward_connected_alt.css"; /**/ /* squared*/ -/* @import "./css/buttons/custom_backforward_connected_to_location_bar_alt.css"; /**/ /* squared*/ +/* @import "./css/buttons/custom_backforward_connected_to_location_bar.css"; /**/ /* round */ /* not working on Fx 133+ */ +/* @import "./css/buttons/custom_backforward_connected_alt.css"; /**/ /* squared */ +/* @import "./css/buttons/custom_backforward_connected_to_location_bar_alt.css"; /**/ /* squared */ /* ========================================== @@ -529,7 +536,7 @@ */ /* Classic tabs appearance known from Firefox 4-28 */ -/* @import "./css/tabs/classic_squared_tabs.css"; /**/ +@import "./css/tabs/classic_squared_tabs.css"; /**/ /* Classic tabs appearance known from Firefox 4-28 for active tab only */ /* @import "./css/tabs/classic_squared_tabs_australized.css"; /**/ @@ -542,7 +549,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- */ +/* @import "./css/tabs/default_tabs_photon_alt.css"; /**/ /* file from v4.2.7 / no support / will removed in the future */ /* ====================================================================================== @@ -566,32 +573,35 @@ TABS BELOW NAVIGATION AND BOOKMARKS TOOLBARS / TABS NOT ON TOP -------------------------------------------------------------- - [!] Note: only 'alt' works with multi-tab lines option. + [!] Note: 'alt' works with multi-tab lines option up to Fx 132. [!] Note: might require overriding url bars 'selection color' --> see corresponding area + [!] tabs_below_navigation_toolbar_fx128-132.css for Firefox 128-132 + [!] only use one option at a time */ -/* @import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/ +/* @import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/ /* for Firefox 133+ */ +/* @import "./css/tabs/tabs_below_navigation_toolbar_fx128-132.css"; /**/ /* for Firefox 128-132 */ -/* Alternative for multi-lined tabs (Glitches might occur with inactive menubar!) - [!] use option below for multiple tab lines support +/* Alternative for multi-lined tabs (Possible glitches with inactive menubar!) + [!] use option below for multiple tab lines support (up to Fx 132 only !) */ -/* @import "./css/tabs/tabs_below_navigation_toolbar_alt.css"; /**/ +/* @import "./css/tabs/tabs_below_navigation_toolbar_alt.css"; /**/ /* (up to Fx 132 only !) */ /* [!] no menubar when OS titlebar is active */ /* @import "./css/tabs/tabs_below_navigation_toolbar_alt_force_hidden_menubar.css"; /**/ /* Move tabs to a higher position - [!] not compatible to 'tabs toolbar - multiple tab lines' option + [!] not compatible to 'tabs toolbar - multiple tab lines' option up to Fx132, works with Fx133+ + [!] _fx128-132.css is for Firefox 128-132 only [!] only use one option at a time - [!] EXPERIMENTAL */ -/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon.css"; /**/ -/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton.css"; /**/ -/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton_icon_only.css"; /**/ +/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_position.css"; /**/ +/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_position_fx128-132.css"; /**/ + /* ---------------------------------------- @@ -599,9 +609,12 @@ ---------------------------------------- [!] not compatible to 'tabs toolbar - multiple tab lines' option + [!] only use one option at a time + [!] tabs_below_main_content_fx128-132.css for Firefox 128-132 only */ -/* @import "./css/tabs/tabs_below_main_content.css"; /**/ +/* @import "./css/tabs/tabs_below_main_content.css"; /**/ /* for Firefox 133+ */ +/* @import "./css/tabs/tabs_below_main_content_fx128-132.css"; /**/ /* for Firefox 128-132 */ /* -------------------------------------------------------------------------------- @@ -610,7 +623,7 @@ */ /* Edit target file to set own custom colors */ -/* @import "./config/custom_tab_color_settings.css"; /**/ +/* @import "custom_tab_color_settings.css"; /**/ /* TAB TEXT colors/shadow/weight/style for default/active/hovered/unloaded tabs @@ -628,7 +641,8 @@ [!] BUG: dragging tabs does not work with multi lined tabs [!] not compatible with 'tabs toolbar - below main content' option [!] not compatible with 'newtab button always_visible' option - [!] only compatible with 'tabs below navigation toolbar >> alt << version' + [!] Fx 133+: compatible with tabs_below_navigation_toolbar.css + [!] Fx 128-132: only compatible with tabs_below_navigation_toolbar_alt.css */ @import "./css/tabs/tabs_multiple_lines.css"; /**/ @@ -683,7 +697,11 @@ /* ------------------------------------------------ DEFAULT TABS - settings for default browser tabs ------------------------------------------------ - + + +/* ------------------------ + DEFAULT TABS - tab line + ------------------------ [!] only use one option at a time [!] use only, if 'classic squared tabs' are disabled */ @@ -692,6 +710,14 @@ /* @import "./css/tabs/default_tabs_tab_line_red_for_unloaded_tabs.css"; /**/ /* @import "./css/tabs/default_tabs_tab_line_purple_in_private_mode.css"; /**/ +/* --------------------------------------- + DEFAULT TABS - height / space settings + --------------------------------------- +*/ + +/* @import "./css/tabs/default_tabs_reduce_height.css"; /**/ /* Fx133 introduced new tab dimensions this setting tries to bybass */ +/* @import "./css/tabs/default_tabs_reduce_spaces.css"; /**/ + /* ------------------ OTHER TAB SETTINGS @@ -700,9 +726,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/classic_squared_tabs_old_bordercolor_for_lwthemes.css"; /**/ /* has to be used along with 'classic_squared_tabs.css' */ /* @import "./css/tabs/tabs_fully_squared.css"; /**/ /* @import "./css/tabs/tab_audio_icon.css"; /**/ /* @import "./css/tabs/tab_audio_icon_colorized.css"; /**/ @@ -715,7 +739,9 @@ /* @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_only_visible_in_overflow_mode.css"; /**/ /* @import "./css/tabs/alltabs_button_always_hidden.css"; /**/ +/* @import "./css/tabs/alltabs_button_old_icon.css"; /**/ /* @import "./css/tabs/pinnedtab_empty_favicon_hidden.css"; /**/ /* [!] edit target file to select which items to hide */ @@ -727,8 +753,8 @@ ========== */ -@import "./css/generalui/private_mode_indicator_hidden.css"; /**/ -@import "./css/generalui/bookmark_icons_colorized.css"; /**/ +/* @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"; /**/ @@ -756,8 +782,7 @@ ------------------------------------------- [!] not for macOS - [!] affects context menus, popup menus and panel menus on Windows 10 - [!] affects panel menus on Windows 7 and 8 and on Linux + [!] affects context menus, popup menus and panel menus */ @import "./css/generalui/popup_compact_menus.css"; /**/ @@ -932,15 +957,15 @@ ------------------ [!] only use one option at a time - [!] 'top_toolbar_OS_accent_colors.css' failed to work as expected on current Firefox versions and was removed - [!] 'top_toolbar_colors_v2.css' mainly for 'tabs below navigation toolbar option' - [!] Windows accent colors: about:config > browser.theme.windows.accent-color-in-tabs.enabled > true + [!] Windows accent colors for top_toolbar_system_accent_colors.css: about:config > browser.theme.windows.accent-color-in-tabs.enabled > true */ /* override titlebars and tab toolbars colors */ -/* @import "./css/toolbars/top_toolbar_colors.css"; /**/ -/* @import "./css/toolbars/top_toolbar_colors_v2.css"; /**/ +/* @import "./css/top_toolbar_system_accent_colors.css"; /**/ +/* @import "./css/toolbars/top_toolbar_colors_tabs_on_top.css"; /**/ +/* @import "./css/toolbars/top_toolbar_colors_tabs_not_on_top.css"; /**/ +/* @import "./css/toolbars/top_toolbar_colors_tabs_not_on_top_v2.css"; /**/ /* ---------------------- @@ -950,7 +975,6 @@ @import "./css/toolbars/toolbars_old_padding.css"; /**/ @import "./css/toolbars/tabs_toolbar_adjustments.css"; /**/ -/* @import "./css/toolbars/tabs_toolbar_remove_background_fog_win7.css"; /**/ /* [!] Adjustments for the searchbar placed on menubar */ @import "./css/toolbars/searchbar_on_menubar_fix.css"; /**/ @@ -1006,9 +1030,10 @@ ---------------------------------------------------- [!] "Bookmarks Toolbar Items" element has to be moved to navigation toolbar in customizing mode - - Use above's 'addonbar_extra_bookmarks_toolbar_below_navbar.css' to achieve this. */ + +/* @import "./css/toolbars/additional_bookmarks_toolbar_below_navbar.css"; /**/ + /* ------------------------------------------ BOOKMARKS TOOLBAR above navigation toolbar @@ -1106,11 +1131,12 @@ /* @import "./css/locationbar/identitybox_padlock_icon_modern.css"; /**/ /* @import "./css/locationbar/identitybox_padlock_icon_modern2.css"; /**/ /* @import "./css/locationbar/identitybox_padlock_icon_hidden.css"; /**/ +/* @import "./css/locationbar/identitybox_padlock_icon_arrow.css"; /**/ -/* ----------------------------------------------------------------------- - Additional icons/buttons and tweaks for third party page action buttons - ----------------------------------------------------------------------- +/* ----------------------------------------------------------- + Additional icons/buttons and tweaks for page action buttons + ----------------------------------------------------------- */ /* @import "./css/locationbar/icons_colorized.css"; /**/ @@ -1120,6 +1146,8 @@ /* @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"; /**/ +/* @import "./css/locationbar/urlbar_icons_aero_appearance.css"; /**/ +/* @import "./css/locationbar/urlbar_searchmode_switcher_hidden.css"; /**/ /* currently on Nightly */ /* ---------------------------- @@ -1164,21 +1192,39 @@ -------------------------------------------------- */ -@import "./css/locationbar/megabar_expanding_breakout_disabled.css"; /**/ + /* @import "./css/locationbar/megabar_disable_openviewonfocus.css"; /**/ /* @import "./css/locationbar/urlbar_border_roundness.css"; /**/ @import "./css/locationbar/urlbar_restore_visible_border.css"; /**/ +/* ------------------------------------- + Megabar expanding_breakout_disabled + ------------------------------------- + + [!] only use one option at a time + [!] megabar_expanding_breakout_disabled_fx128-fx132 is for Firefox 128-132. + +*/ + +@import "./css/locationbar/megabar_expanding_breakout_disabled.css"; /**/ +/* @import "./css/locationbar/megabar_expanding_breakout_disabled_fx128-fx132.css"; /**/ + /* ------------------------------------- Megabar/location bar background color ------------------------------------- + [!] _old_colors.css restores colors known from Firefox 132 and older + [!] _old_colors_lwtheme.css restores colors known from Firefox 132 and older for lwthemes + [!] _color.cs forces a white background color + [!] _color_dark.cs forces a dark background color [!] only use one option at a time */ -/* @import "./css/locationbar/urlbar_background_color.css"; /**/ /* default white background color */ -/* @import "./css/locationbar/urlbar_background_color_dark.css"; /**/ /* force dark color for e.g. dark lw-themes */ +@import "./css/locationbar/urlbar_background_old_colors.css"; /**/ +/* @import "./css/locationbar/urlbar_background_old_colors_lwtheme.css"; /**/ +/* @import "./css/locationbar/urlbar_background_color.css"; /**/ +/* @import "./css/locationbar/urlbar_background_color_dark.css"; /**/ /* ---------------------------------------