userChrome.css

/*===============================================================================
  Firefox userChrome.css tweaks: main file

MY MODIFICATIONS 07/06/2026
***************************

  Custom CSS for Firefox 133 - Current version: 4.7.5

  Based ON Aris-t2 / CustomCSSforFx

  Github: https://github.com/aris-t2/customcssforfx
  Change-log: https://github.com/aris-t2/customcssforfx/commits/

  Firefox requires the following preference to be enabled for custom styles to be loaded:

    'about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true'

  Firefox preferences can be accessed by typing `about:config` into the url bar.
    =============================================================================*******==*/

/* ==========================
   GENERAL / GLOBAL VARIABLES
   ==========================

   [!] set global variables for font and tab size options and more inside target file
*/

@import "./config/general_variables.css"; /**/

/* -------------------------
   MAIN UI / COLOR VARIABLES
   -------------------------*/

/* default 'grey' colors */
@import "./config/color_variables.css"; /**/

/* ------------------
   menu & menu popups
   -----------------*/

/*@import "./css/generalui/rainbow menus.css"; /**/
/*@import "./css/generalui/menu_text_hover.css"; /**/

/* ------------------------------------------
   rainbow loading progress bar below tab bar
   -----------------------------------------*/

@import "./css/generalui/rainbow_loading_bar_below_tabs.css"; /**/

/* ----------------------
   CUSTOM ICON APPEARANCE
   ---------------------*/

@import "./css/generalui/rotate_icons.css"; /**/
@import "./css/buttons/icons_custom_icons_weblock.css"; /**/

/* -----------------
   BUTTON APPEARANCE
   ----------------*/

@import "./css/buttons/classic_button_padding.css"; /**/
@import "./css/buttons/buttons_on_navbar_classic_appearance.css"; /**/

/* -------------------------------------
   Navigation toolbar buttons: roundness
   ------------------------------------*/

@import "./css/buttons/buttons_on_navbar_button_roundness.css"; /**/

/* --------------------------------------------------
   Unified extensions button - Add-ons toolbar button
   -------------------------------------------------*/

@import "./css/buttons/unified_extensions_button_hidden.css"; /**/

/* ----------------------
   Other buttons settings
   ---------------------*/

@import "./css/buttons/whatnew_button_always_hidden.css"; /**/

/* ----------------------------------
   Application/hamburger popup
   ---------------------------------*/

@import "./css/appmenu/appbutton_popup_icons.css"; /**/
@import "./css/appmenu/appbutton_popup_icons_colorized.css"; /**/
@import "./css/appmenu/appMenu_fix_expansion.css"; /**/
@import "./css/appmenu/appMenu_colour.css"; /**/


/* ==============
   TAB appearance
   ==============
*/

/* Classic tabs appearance known from Firefox 4-28 */
@import "./css/tabs/classic_squared_tabs.css"; /**/

/* --------------------------------------------------------------
   TABS BELOW NAVIGATION AND BOOKMARKS TOOLBARS / TABS NOT ON TOP
   -------------------------------------------------------------*/

/* for Firefox 133+ */

@import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/

/* --------------------------------------------------------------------------------
   TAB BACKGROUND COLORS for default/active/hovered/unloaded tabs and 'new tab' tab
   -------------------------------------------------------------------------------*/

/* Edit target file to set own custom colors */
@import "./config/custom_tab_color_settings.css"; /**/
@import "./config/custom_tab_text_settings.css"; /**/

/* ---------------------------------
   Restore empty/missing tab favicon
   --------------------------------*/

@import "./css/tabs/missing_tab_favicon_restored_default.css"; /**/

/* ----------------------------
   Custom tab loading animation
   ---------------------------*/

@import "./css/tabs/tab_throbber_grey_classic.css"; /**/


/* -----------------------
   Tab close icon settings
   ----------------------*/

@import "./css/tabs/tab_close_show_on_hover_only.css"; /**/

/* ------------------
   OTHER TAB SETTINGS
   ------------------
*/

@import "./css/tabs/tab_icon_colors.css"; /**/
@import "./css/tabs/tab_audio_icon.css"; /**/
@import "./css/tabs/tab_titles_remove_blur.css"; /**/
@import "./css/tabs/scrolling_tab_text.css"; /**/

/* ------------------
   SPLIT VIEW SETTINGS
   ------------------
*/

@import "./css/tabs/split_view.css"; /**/


/* -------
   Findbar
   -------
*/

@import "./css/generalui/findbar.css"; /**/
@import "./css/generalui/private_mode_indicator_hidden.css"; /**/
@import "./css/generalui/statusbar_color.css"; /**/


/* -------
   SIDEBAR
   -------
*/

@import "./css/generalui/sidebar_items_compact.css"; /**/
@import "./css/generalui/sidebar_header_icons.css"; /**/
@import "./css/generalui/sidebar_header_icons_colorized.css"; /**/
@import "./css/generalui/sidebar_appearance_grey_v2.css"; /**/
/*@import "./css/generalui/sidebar_places_appearance.css"; /**/

/* -----------------------------------
   Close icons for general ui and tabs
   ----------------------------------*/

@import "./css/generalui/close_icon_red.css"; /**/

/* -----------------------------
   SEARCHBAR / SEARCH ON TOOLBAR
   -----------------------------
*/

@import "./css/generalui/searchbar_glassplus_indicator_hidden.css"; /**/

/* -------------------------
   PLACES & PERSONAL TOOLBAR
   -------------------------
*/

@import "./css/toolbars/bookmarks_toolbar_old_height.css"; /**/
@import "./css/toolbars/bookmark_icons_colorized.css"; /**/
@import "./css/toolbars/placestoolbar_personaltoolbar_changes.css"; /**/
@import "./css/toolbars/toolbar_separators.css"; /**/
@import "./css/toolbars/PlacesChevronPopup.css"; /**/


/* ------------
   LOCATION BAR
   ------------
*/

/* ------------------------------------------------------
   FF149 unified shield panel and urlbar security colours
   ------------------------------------------------------
*/

@import "./css/locationbar/unified shield.css"; /**/
@import "./css/locationbar/urlbar security colours.css"; /**/


/* -----------
   urlbar font
   -----------
*/

@import "./css/locationbar/urlbar font.css"; /**/

/* -----------------------------------------------------------
   Star button / bookmarks star - alternative yellow star icon
   -----------------------------------------------------------
*/

@import "./css/locationbar/starbutton_alternative_icon.css"; /**/

/* ------------------------------
   General popup/results settings
   ------------------------------
*/

@import "./css/locationbar/ac_popup_result_font_size.css"; /**/

/* --------------------------------------------------
   urlbar & megabar popup
   --------------------------------------------------
*/

@import "./css/locationbar/urlbar_border_roundness.css"; /**/
@import "./css/locationbar/urlbar_restore_visible_border.css"; /**/

/* ---------------------------------------
   Megabar: popup content order/appearance
   ---------------------------------------
*/

@import "./css/locationbar/ac_popup_megabar_title_and_url_50percent_width.css"; /**/

/* --------------------------------------------
   MEGABAR: result menuitem settings/appearance
   --------------------------------------------
*/

@import "./css/locationbar/ac_popup_megabar_compact_results.css"; /**/

/* --------------------------------------------
   MEGABAR: appearance time limit
   --------------------------------------------
*/

@import "./css/locationbar/ac_popup_megabar_appearance_time_limit.css"; /**/




/* ---------------------
   Custom / own CSS code
   ---------------------

   [!] Create a "my_userChrome.css" file and add own/custom code to it.
*/

@import "./my_userChrome.css"; /**/