Concept! Redesign the tab page control/title bar merged with the tab page

[Shomnipotence]

[Concept! Redesign the tab control/tab bar in the Title bar]

Use separate cards to update the tab bar design

Concept

Rationale

• Existing tab page design
  
  
  
  This is the existing tab page design. Its basic concept is that assuming the title bar and window are the base layer, the tab page is one level above it. This requires at least two levels. In addition, what’s worse is that it performs worse on applications such as Windows Terminal, because there is no toolbar below the tabs, so it looks out of sync with the bottom.

• Should the tabs be made transparent（App Acrylic）?
  This is a good idea, but it requires a lot of extra work and many different situations. Use a fixed color or Mica material for the title bar? Does Tab use in-app acrylic? Is there a toolbar below? Tab’s in-app acrylic uses content background or title bar background?
  It's too complicated, it doesn't make sense.

• This is why we should use this style of tab page. It is suitable for all backgrounds-whether it is mica material, in-app acrylic, background acrylic, any background, browser (with toolbar), Windows terminal (without toolbar)...

More Image

Image Background

Windows 10 Style

[jaigak]

Don't use the same background for the tab view and the main content area. Makes it harder to distinguish.

[vsnthdev]

That terminal looks 😍

[m1karii]

I really like this design. It 'd be really nice to have this when v2.0 drops.

[LasseRosenow]

microsoft edge canary seems to be moving in this direction 😍

[Stanzilla]

I think this is kinda backwards, in my mind the non active tabs should be dimmer and the active one lighter and the reverse in dark mode?

[LasseRosenow]

I think this is kinda backwards, in my mind the non active tabs should be dimmer and the active one lighter and the reverse in dark mode?

No it makes much more sense for the active ones to be lighter in dark mode as well. Just as it always has been in edge and every other UI framework.

Because also in dark mode the general conception is to highlight active elements by brightening them up. Not darkening them.

Windows terminal/winui always was considered to be really weird with their approach of having the active tab to be black on dark mode.
I think this originated from the concept that they wanted the tab to have the same background color as the rest of the terminal, which ultimately didn't work If people enabled blur or changed the background color a bit, what many did.

But this issue was more about the shape of the tabs tbh.