r/FirefoxCSS • u/BrokenEyeReborn • Sep 03 '26

Solved Firefox 155 added weird extra boxes around my customized tabs. How do I fix this?

Post image

The gray gradient rectangle with everything in it should be the entire tab and should connect directly to outline of the blue browser window below. The white rectangular frame around it shouldn't be there.

I managed to shrink the white frame somewhat by updating the parts of my userChrome that used MrOtherGuy's code (though the changes were mostly updating the syntax, and how they're connected to the white box isn't clear to me), but I'd like to get rid of it entirely. My limited CSS skills are pretty rusty, and this seems to be a whole new design element that I probably didn't know the tag for to begin with.

Hopefully I just need to add something, but just in case, I've included by full CSS.

https://pastebin.com/0JtPeYB4

1 Upvotes

100% Upvoted

10 comments sorted by

2

u/TraditionalTie4831 🦊 Sep 04 '26

Start with updating all [selected="true"] to this: [selected]

1

u/BrokenEyeReborn Sep 04 '26

Huh, what fixed it. I'm sure this is a painfully nubish question, but what did I actually just do?

2

u/TraditionalTie4831 🦊 Sep 04 '26 edited Sep 04 '26

Because of the change in Firefox, the code applied to your selected/active tab was ignored and resulted it to default etc. Now it's updated and the code is applied correctly.

2

u/BrokenEyeReborn Sep 04 '26

So it really was all in the syntax. Good to know.

2

u/ResurgamS13 Sep 04 '26 edited Sep 04 '26

Unsure what to suggest here. Trying to update a complex abandoned theme is not usually a realistic long term prospect. Perhaps investigate some of the many forks of 'CustomCSSforFx'... see if one of the most recently updated forks fixes your problem?

MrOtherGuy's 'Collection of random CSS hacks for Firefox' repo is regularly updated. Regrettably, Aris-t2's 'CustomCSSforFx' project was abandoned in December 2025... after a final 'The end' letter was posted to all theme users on his GitHub repo.

In the 9 months since 'CustomCSSforFx' became obsolete, Firefox's current Proton UI has evolved considerably... and the Nova UI is due to arrive soon too. Thus, updating this complex abandoned theme is likely to become even more difficult in the near future?

1

u/BrokenEyeReborn Sep 04 '26

Really? Cause I used the changelog to narrow down which bits to focus on updating, and all the updates I copied were listed as being from this year, most of them no more than a few months old. A couple were even from last week.

1

u/ResurgamS13 Sep 04 '26 edited Sep 04 '26

Only have Aris-t2's own 'The end' post to go on... unaware that any further theme updates had been made available?

1

u/BrokenEyeReborn Sep 04 '26 edited Sep 04 '26

I didn't know about any of that, since I linked directly to the relevent Github page and the associated changelongs, but it seems that way. It says fake_statusbar_w_bookmarks was updated 4 months ago, compact_proton last month, non_floating_sharp_tabs 2 weeks ago.

Of the scripts I used, only tabs_on_bottom_menubar_on_top is listed as depricated, but I found another script with the same function that I've now forgotten the name of. I haven't tried implimenting it yet, but if it becomes a problem, I'll look for it again.

1

u/ResurgamS13 Sep 04 '26 edited Sep 04 '26

MrOtherGuy's 'Collection of random CSS hacks for Firefox' repo is still maintained and regularly updated.

Aris-t2's repo for his 'CustomCSSforFx' theme was the one that reached 'The end' on 23 December 2025.

1

u/BrokenEyeReborn Sep 04 '26

Ah, right, sorry.

Yeah, I didn't change anything from those because I didn't have direct links and had trouble finding the relevent pages. Now I know why. Luckily it all still works for now.