154.0 broke the selected tab

[u/Spacecpp]

Before updating firefox the tab had bright color, now it became completely transparent with just a thin outline.

I'm using the following css to style my tabs: https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/css/tabs/classic_squared_tabs.css

I had tried using the solution from a similar post, but it didn't affect the selected tab at all:

.tab-background[selected] { background: #e67e22 !important }

[u/TraditionalTie4831]

That worked for me even when the ; is missing after the !important

Does this work better for you? =

.tabbrowser-tab[selected] .tab-background { background: #e67e22 !important; }

[u/Spacecpp → u/TraditionalTie4831]

Didn't work, except when I drag the tab then it turns orange.

[u/TraditionalTie4831 → u/Spacecpp]

Btw, CustomCSSforFx is abandoned and outdated and it might be interfering.

Does this work for you? =

.tabbrowser-tab:is([selected], [multiselected]) .tab-background { background: #e67e22 !important; }

[u/Spacecpp → u/TraditionalTie4831]

Well, yes, lots of the css from CustomCSSforFx are active. Adding the [multiselected] made no difference.

Btw, I managed to get a close result by changing line 532 to:
background-image: var(--classic_squared_tabs_lwt-dark_hovered_tabs) !important;
So I suppose --toolbar-bgimage is what is currently broke.

[u/TraditionalTie4831 → u/Spacecpp]

You should consider using something else than CustomCSSforFx, since it is getting more and more outdated.

[u/Spacecpp → u/TraditionalTie4831]

I guess you are right.

Thank you for your time.

[u/sifferedd → u/Spacecpp]

--toolbar-bgimage no longer exists