This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was closed and archived. Please ask a new question if you need help.

I prefered the style of Firefox before v57.0 update, is it possible to change it back?

  • 9 பதிலளிப்புகள்
  • 12 இந்த பிரச்னைகள் உள்ளது
  • 5 views
  • Last reply by FrankCo

I just updated to v57.0 and honestly I hate the look of the flat tabs. I prefer the rounded tabs. Is there a way to customize the appearance or roll back the version I'm using?

I just updated to v57.0 and honestly I hate the look of the flat tabs. I prefer the rounded tabs. Is there a way to customize the appearance or roll back the version I'm using?

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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

Read this answer in context 👍 2

All Replies (9)

தீர்வு தேர்ந்தெடுக்கப்பட்டது

hi, if you prefer curved tabs you could take a look at this userChrome.css: 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.