hi, if you prefer curved tabs you could take a look at this userChrome.css: https://github.com/wilfredwee/photon-australis

Try this: https://github.com/wilfredwee/photon-australis

Thank you guys. Out of curiosity since this is done with code are there limits to the customization? Or is it whatever you can imagine like Rainmeter?

This works very nicely.

But my userChrome.css is getting big and ugly. Is it possible to have <include> files in a .css file?

There's no include, but @import url(); should work.

Boy, they don't make it easy do they :)

Anyway, I have tried

  @import url("./curvedtabs.css");

at the end of my userChrome.css file and it does NOT work. The file "curvedtabs.css" is in the same directory as userChrome.css.

Any other suggestions?

Mellobob said

@import url("./curvedtabs.css");

Could you try placing it on the top line (above any namespace(s) you may be using) as:

@import url("curvedtabs.css");

Hey, you win the prize (whatever that might have been!). There was a namespace command in userChrome and moving the tab file to the top works perfectly.

Thanks so much!

Have a look at the below image. If would like Quantum to look like that, see https://github.com/FrankConijn/Firefox-Quantum-Rounded-Tabs.