update userChrome.css and my_userChrome.css: fix megabar issue; add active tab green background; improve bookmarkbar and tab appearance
This commit is contained in:
parent
5ecdaf1567
commit
8f761e5672
2 changed files with 101 additions and 45 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
136
userChrome.css
136
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"; /**/
|
||||
|
||||
|
||||
/* ---------------------------------------
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue