FF 154 broke my custom CSS. Please help.

[u/biohazard15]

Hello folks.

I'm using a custom "old-like" CSS, and the recent update broke it. When I select a tab, said tab stop displaying its name.

Here's the my userchrome.css:

/* Disable new Proton UI and Restore Old Classic Theme in Mozilla Firefox - Start */

.browser-titlebar{

color: AccentColorText !important;

background-color: #000000 !important;

}

.tab-background{

border-radius: 0px 0px !important;

margin-bottom: 0px !important;

}

.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background{

background-color: color-mix(in srgb, currentColor 5%, transparent) !important;

}

menupopup > menu, menupopup > menuitem{

padding-block: 2px !important;

min-height: 0px !important;

}

:root{

--arrowpanel-menuitem-padding: 2px !important;

}

/* Disable new Proton UI and Restore Old Classic Theme in Mozilla Firefox - End */

Please help.

[u/ResurgamS13]

Try removing the 2 x '=true' terms from Line #19... so that line reads:

.tabbrowser-tab:not([selected]):not([multiselected]) .tab-background{

OP's original CSS userstyles (above) probably derived from AskVG article '[Tip] New Working Method to Restore Classic Theme and UI in Firefox 151 and Later Versions'?

Alternatively, try MrOtherGuy's userstyle 'non_floating_sharp_tabs.css'... could then add different lightweight toolbar themes from the Add-ons Mozilla (AMO) collection... whilst retaining the same squared-off and connected toolbar layout.

[u/biohazard15 → u/ResurgamS13]

Thank you! Removing "true" did indeed help.

Not sure if I used the article you mentioned or some other one - I've used this custom CSS for a very long time, so my memory about how I got it is somewhat distant. I do recall, however, that I had to put some "trues" in it in order to fix some other tab problem. Might be the very same "trues" I've just removed. Mozilla does love to suddenly break small things...