"Open a new tab" button's background clashes with the background of current tab

[onthejobtraining]

with userChrome.Tabs.Option9.Enabled applied, the background design of the current tab kind of clashes with the new tab button's design when they are beside each other. Previously, the + button had a circular background which didn't cause this minor issue.

It's a minor visual thing but would it be possible to change the + background back to a circle?

[QNetITQ]

My new tab button is quite far from the tab. What version of browser and style are you using?

[onthejobtraining]

What version of browser and style are you using?

Firefox v 120.0.1 (64bit) on Windows 11 device, and userChrome.Tabs.Option9.Enabled set to true.

Also, I have these 4 lines added in the windows.css file:

.titlebar-close {display:none !important;}

.titlebar-spacer {display:none !important;}

.titlebar-spacer[type="post-tabs"] {display:none !important;}

#identity-box.extensionPage #identity-icon-label {display:none !important;}

[QNetITQ]

Check the layout.css.has-selector.enabled key.

[onthejobtraining]

Check the layout.css.has-selector.enabled key.

That worked, now there's a gap in mine too, thanks.

Btw, could you tell me how to get the circle buttons back ? I'd enter the code in windows.css just for my own use😁

[QNetITQ]

If you are using WaveFox v1.6.120, then you have access to a file for adding third-party styles. Everything is written in the description.

There is no point in adding .titlebar-spacer {display:none !important;} and .titlebar-spacer[type="post-tabs"] {display:none !important;}, since their disabling is supported by the style via keys userChrome.DragSpace.Left.Disabled and userChrome.DragSpace.Right.Disabled

Buttons can be rounded via code in the discussion section.

[onthejobtraining]

Thanks.