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

Dúnadh an snáithe seo agus cuireadh sa chartlann é. Cuir ceist nua má tá cabhair uait.

How to get back the curvy tabs, and other aesthetic problems with quantum.

  • 10 bhfreagra
  • 121 leis an bhfadhb seo
  • 585 views
  • Freagra is déanaí ó FrankCo

more options

With firefox quantum the usual curvy tabs are now lame and rectangular, like microsoft edge, which is almost as square as being square. Is there a way to return to that layout, with the curvy tabs and the refresh button inside the address bar, or will I have to reinstall an earlier version of firefox? Would a theme be able to change that, (which I realize wouldn't have been created yet), or would the "firefox won't support complete themes after v57" thing stop that from happening, since it messes with the tab shape? Since firefox is open-source, if I wanted to learn how to make a theme including the curvy tabs, would I be able to get code to salvage from mozilla? Also, I can't get the refresh button back inside the address bar. File image gives example of preferred tab curve and refresh button location.

I know this seems like a minor thing, but thanks for help.

With firefox quantum the usual curvy tabs are now lame and rectangular, like microsoft edge, which is almost as square as being square. Is there a way to return to that layout, with the curvy tabs and the refresh button inside the address bar, or will I have to reinstall an earlier version of firefox? Would a theme be able to change that, (which I realize wouldn't have been created yet), or would the "firefox won't support complete themes after v57" thing stop that from happening, since it messes with the tab shape? Since firefox is open-source, if I wanted to learn how to make a theme including the curvy tabs, would I be able to get code to salvage from mozilla? Also, I can't get the refresh button back inside the address bar. File image gives example of preferred tab curve and refresh button location. I know this seems like a minor thing, but thanks for help.
Attached screenshots

Réiteach roghnaithe

Hi, try this: https://github.com/wilfredwee/photon-australis

If this solved your problem, mark as solution!

Read this answer in context 👍 20

All Replies (10)

more options

Réiteach Roghnaithe

Hi, try this: https://github.com/wilfredwee/photon-australis

If this solved your problem, mark as solution!

Athraithe ag Mkll ar

more options

Mkll said

Hi, try this: https://github.com/wilfredwee/photon-australis If this solved your problem, mark as solution!

Thanks, this looks like it's what I wanted. I can probably end up just dealing with the refresh button being next to the address bar, so I think I'm all good now.

more options

that looks like it would work, problem is I use a customized theme...

Abstract Electric, so no idea how to get the rounded edges while keeping my current theme

more options

I have changed the tabs in 57 to curved using a chrome file, however the horrible, jaggy cornered rectangles now sit behind the rounded tabs and a dark rectangle expands across the top as tabs are open. How do I get that area to be transparent in windows 7 so it doesn't look so bad?

more options

If you can live without aero theme, a temporary solution is to choose the classic windows theme in Control Panel - Personalization.

more options

So someone at mozilla decided they were going to have squared-off tabs instead of rounded tabs. This affects millions, but they don't have an option for having round or square tabs. Ludicrous!

more options

tinman9898 said

I have changed the tabs in 57 to curved using a chrome file, however the horrible, jaggy cornered rectangles now sit behind the rounded tabs and a dark rectangle expands across the top as tabs are open. How do I get that area to be transparent in windows 7 so it doesn't look so bad?

Try:

/* Show Windows 7 background on tabs bar */
.tabbrowser-tab {
  background-color: transparent !important;
}

Sample screenshot attached.

The white text titles of background tabs are a little less visible, but probably still work for you. You could give those a little shape this way (in addition to the first rule):

/* 10% gray inactive tab shadows to contrast with white text */
.tabbrowser-tab:not([selected="true"]):not(:hover) .tab-content {
  background-color: rgba(0,0,0,.1) !important;
  border-radius: 16px 16px 0px 0px / 60% 60% 0px 0px !important;
}

Sample screenshot attached. Couldn't match the height exactly, but close.

Athraithe ag jscher2000 - Support Volunteer ar

more options

How do I do this for firefox quantum on windows 7?

more options
more options

If you would like rounded top corners as in the below image, see https://github.com/FrankConijn/Firefox-Quantum-Rounded-Tabs.