Until yesterday everything I customized for Firefox 89 in June of 2021 and FF 91 in August of 2021 was working fine.
Today I updated to Firefox 96.0 and when I open my F… (read more)
Until yesterday everything I customized for Firefox 89 in June of 2021 and FF 91 in August of 2021 was working fine.
Today I updated to Firefox 96.0 and when I open my Firefox returned to that old visual that I hated
tabs with spaces , but that's not the worst. The worst is the newTab visual that came back to the small and ugly bookmarks of the page we usually navigate. That are set on userContent.css I remember.
I checked some vars at about:config and everything is as it was.
So do I need to set true or false any new var there?
These .css files are like they was never read.
It looks like to me there is a new var, we need to change it.
What did happen?
- my userChrome.css file content below:
/* Begin - Smart Bookmarks Bar CSS Imports */
@import url("chrome://smartbookmarksbar/skin/global/base.css");
@import url("chrome://smartbookmarksbar/skin/global/mouseover-on.css");
@import url("chrome://smartbookmarksbar/skin/global/hideFoldersNames-on.css");
@import url("chrome://smartbookmarksbar/skin/global/hideNoFaviconNames-on.css");
@import url("chrome://smartbookmarksbar/skin/global/spacing-0.css");
@import url("chrome://smartbookmarksbar/skin/global/autohideBar-off.css");
@import url("chrome://smartbookmarksbar/skin/themes/firefoxDefault.css");
@import url("chrome://smartbookmarksbar/skin/themes/firefoxDefault_mouseover-on.css");
@import url("chrome://smartbookmarksbar/skin/themes/firefoxDefault_mouseover-on_hideNoFaviconNames-on.css");
/* End - Smart Bookmarks Bar CSS Imports */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*** BEGIN Firefox 77 (June 2, 2020) Override URL bar enlargement ***/
/* Compute new position, width, and padding */
#urlbar[breakout][breakout-extend] {
top: 5px !important;
left: 0px !important;
width: 100% !important;
padding: 0px !important;
}
/* for alternate Density settings */
[uidensity="compact"] #urlbar[breakout][breakout-extend] {
top: 3px !important;
}
[uidensity="touch"] #urlbar[breakout][breakout-extend] {
top: 4px !important;
}
/* Prevent shift of URL bar contents */
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding: 0 !important;
}
/* Do not animate */
#urlbar[breakout][breakout-extend] > #urlbar-background {
animation: none !important;;
}
/* Remove shadows */
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}
/*** END Firefox 77 (June 2, 2020) Override URL bar enlargement ***/
/*** BEGIN Firefox 89 (June 2, 2021) ***/
/* https://github.com/black7375/Firefox-UI-Fix */
@media (-moz-proton) {
/* Toolbar Height */
#TabsToolbar
.toolbar-items, .tabbrowser-tab,
.titlebar-buttonbox-container {
max-height: 34px !important;
}
:root[uidensity=compact] #TabsToolbar,
:root[uidensity=compact] .toolbar-items, .tabbrowser-tab
:root[uidensity=compact] .titlebar-buttonbox-container {
max-height: 30px !important;
}
:root[uidensity=touch] #TabsToolbar,
:root[uidensity=touch] .toolbar-items, .tabbrowser-tab
:root[uidensity=touch] .titlebar-buttonbox-container {
max-height: 42px !important;
}
}
/*** END Firefox 89 (June 2, 2020) ***/
/*** BEGIN Firefox 91 (August, 2021) ***/
/*** Tighten up drop-down/context/popup menu spacing ***/
menupopup > menuitem, menupopup > menu {
padding-block: 3px !important;
}
:root {
--arrowpanel-menuitem-padding: 4px 8px !important;
}
/*** END Firefox 91 (August, 2021) ***/
- and my userContent.css file content below:
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ************************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **********/
/* by Aris (aris-addons@gmx.net)*****************************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ********************************************/
/************************************************************************************************/
/*************************************************************************************************
ENABLING options: remove the combination of / and * before @import
DISABLING options: add the combination of / and * before @import
Some @import features might not work properly on macOS and Linux -> Firefox bug
CSS tweaks won't work, if @namespace references are used inside .css files!
*************************************************************************************************/
/************************************************************************************************/
/* about:addons *********************************************************************************/
/************************************************************************************************/
/* NOTE: 'Version number for add-ons' will stop working soon, because Mozilla is going ***********
to drop XBL support: see https://bugzilla.mozilla.org/show_bug.cgi?id=1397874 **********/
/* version number for add-ons *******************************************************************/
@import url(./css/aboutaddons/addonlists_show_addon_version_number.css); /**/
/* addons page appearance - only use one at a time **********************************************/
@import url(./css/aboutaddons/addons_manager_alternative_appearance.css); /**/
/* @import url(./css/aboutaddons/addons_manager_alternative_appearance_aero.css); /**/ /* <-- AERO colors */
/* compact item lists - only use one at a time **************************************************/
/* @import url(./css/aboutaddons/addonlists_compact.css); /**/
/* @import url(./css/aboutaddons/addonlists_compact_more_compact.css); /**/
/* other settings *******************************************************************************/
/* @import url(./css/aboutaddons/addonlists_only_show_buttons_on_hover.css); /**/
/* @import url(./css/aboutaddons/addonlists_replace_button_labels_with_icons.css); /**/
@import url(./css/aboutaddons/description_page_alternative_content_order.css); /**/
@import url(./css/aboutaddons/recentupdates_category_always_visible.css); /**/
/* @import url(./css/aboutaddons/search_category_always_visible.css); /**/
/************************************************************************************************/
/* about:preferences ****************************************************************************/
/************************************************************************************************/
/* preferences page appearance - only use one at a time *****************************************/
@import url(./css/aboutpreferences/preferences_alternative_appearance.css); /**/
/* @import url(./css/aboutpreferences/preferences_alternative_appearance_aero.css); /**/ /* <-- AERO colors */
/* @import url(./css/aboutpreferences/preferences_alternative_appearance_v2.css); /**/
/************************************************************************************************/
/* about:newtab / about:home ********************************************************************/
/************************************************************************************************/
/* @import url(./css/aboutnewtab/dark_appearance.css); /**/
@media (-moz-proton) {
@-moz-document url("about:home"), url("about:newtab") {
/** Activity Stream - Search Focus Border: like URL ***********************/
/* At DarkMode, Color */
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"] {
/* inner */
--newtab-focus-border: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */
--newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF */
}
/** Activity Stream - Web Site Icon: full size ****************************/
/* Remove Firefox Logo on new Tabs
div.logo-and-wordmark {
display:none !important;
}
*/
.tile {
width: 100px !important;
height: 100px !important;
}
.top-site-icon .rich-icon {
width: 100px !important;
height: 100px !important;
}
.top-site-outer .tile .icon-wrapper {
width: 100px !important;
height: 100px !important;
}
}
}
/************************************************************************************************/
/* WEB CONTENT **********************************************************************************/
/************************************************************************************************/
/* top level image on white background (can sometimes cause glitches) - only use one at a time **/
/* @import url(./css/webcontent/toplevel_image_classic_v1.css); /**/
/* @import url(./css/webcontent/toplevel_image_classic_v2.css); /**/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
Thanks in advance.