搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

此討論串已經關閉並封存。 如果您有需要幫助,請新增一個新問題

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

  • 10 回覆
  • 121 有這個問題
  • 1 次檢視
  • 最近回覆由 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.
附加的畫面擷圖

被選擇的解決方法

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

If this solved your problem, mark as solution!

從原來的回覆中察看解決方案 👍 20

所有回覆 (10)

more options

選擇的解決方法

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

If this solved your problem, mark as solution!

由 Mkll 於 修改

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.

由 jscher2000 - Support Volunteer 於 修改

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.