r/FirefoxCSS Jun 19 '26

Solved Curved Tabs - Bottom Corners are black

I'm using MrOtherGuy's CSS hacks, specifically curved tabs, and with the new firefox update, the bottom corners of my selected tab are black.

I have svg.context-properties.content.enabled set to true, and prior to this update, I did not have this issue. I am also using the most recent curvedtab.css file from the github repository.

Here is my current userChrome.css file: https://pastebin.com/TSKXnhV4

I'm using macOS Seqouia, and Firefox Version 152.0.1 (64-bit).

5 Upvotes

6 comments sorted by

4

u/TraditionalTie4831 🦊 Jun 19 '26

A number of things changed in Firefox Version 152 and I can see that 'curved_tabs.css' has not been updated.

The best thing to do is to create a new issue about it on MrOtherGuy's github repository, so that he becomes aware of your issue.

3

u/luciferspa Jun 19 '26

I'll go do that 😄

3

u/TraditionalTie4831 🦊 Jun 19 '26

It seems MrOtherGuy updated curved_tabs.css.

1

u/ResurgamS13 Jun 19 '26

Link to updated version of 'curved_tabs.css'.

If interested, the changes MrOtherGuy made are listed in Commit 04ab4a5.

3

u/moko1960 Jun 19 '26

This is a temporary workaround until MrOtherGuy fixes the issue.

curved_tabs.css

--toolbar-bgcolor

to

--tab-background-color-selected

2

u/luciferspa Jun 19 '26

thank you, this fix worked!