Acrylic title bar

Iron Contributor

Well, actually this is a feature that I'd like to see in the whole OS, but since it existed in the old Edge, I'd love to see it in the Chromium version as well 

47 Replies

Hi @SOI_7, thank you. We have heard that many people want us to extend our Fluent design, including Acrylic, to the preview channels of our browser.  We are still working on our user experience, and are trying to be very careful with the performance impact of these changes.

@Elliot Kirk 

I understand the concern for performance impact. Keep in mind that many of us are still using this on full-fledged desktop computers. One possibility is to make "transparency effects" in Edge an option under Appearance in Settings, with the default off. This way, the power users who really want this can go turn it on.

On the other hand, acrylic in the Edge title bar could be toggled by the larger Windows 10 transparency option. Why would these effects be a concern for Edge only, if not for all other places and apps where it occurs? Windows 8's Metro design language eliminated all transparency for concerns about lowering battery life in portable devices. But if Fluent Design reintroduces transparency (and acrylic is probably the most attractive implementation of transparency I've ever seen, even on par or better than what we see in today's MacOS), this must have reflected a decision by Windows engineers that such performance concerns are not worth giving up on transparency effects altogether. If Microsoft's own apps don't implement acrylic, why would anyone else, and why did Microsoft invent Fluent Design in the first place?

@Elliot Kirk Addressing that is as simple as a toggle.

@Elliot Kirk  "We are still working on our user experience, and are trying to be very careful with the performance impact of these changes.

 

So long as transparency and other visual effects can be turned off (e.g. Control Panel, System and Security, System, Advanced system settings, Advanced tab, Performance, which is what I use along with turning off transparency to eliminate the visual effects that affect performance/battery) it makes sense for Edge Chromium to be consistent with Fluid Design principles. 

 

I like the idea of a toggle (Fluid Design versus Performance Design, for example) switch in W10 Settings that would change design/performance settings across Windows 10.

Acrylic isn't possible in Win32 apps, and so the Edge team are trying to just hide / bury this fact under various excuses. Acrylic will never come to Edge Chromium until Windows itself supports acrylic in Win32, which it probably never will either.

Is that true (no acrylic for win32) @Elliot Kirk ? Can you answer that? It's not that these forums are flooded with comments for you to miss (ignore?) these. 

@FileTrekker Wrong, XAML Islands added Fluent Design support to Win32 apps as well, and you can already see this in the new Xbox Beta app, which is made in Electron and has acrylic effects as well

Yeah true,
I like the Acrylic style, remind of of Aero feature in Windows 7 with its transparency effects

Hi @chivoyage, we are very aware of the ask for Acrylic touches on the window chrome.  So far we have been focusing on all of the controls that show up in the browser, updating them to match our current Fluent design specifications.  Many of these changes are subtle, but they add up.  I believe that @Drew1903 has posted some side by side screenshots that make the changes that we have made more obvious.  We are still continuing the work to update the user interface.  I don't have a timeline for Acrylic changes.  Thanks - Elliot

  • @SOI_7 There is no support for Acrylic outside of that enclosed ecosystem so it won't be coming to Chrome Edge. Sorry but it just won't ever happen.

@filetrekker1360 


@filetrekker1360 wrote:
  • @SOI_7 There is no support for Acrylic outside of that enclosed ecosystem so it won't be coming to Chrome Edge. Sorry but it just won't ever happen.

 

And who said that? source?

@Elliot Kirk Do "current Fluent Design specifications" call for Acrylic panes and title bars, or is Microsoft design moving back towards opacity? Can WinAPI apps incorporate Acrylic at all? What about the Reveal effects, which are not seen in the new Edge either?

@HotCakeX Edge Chromium is now feature locked until the final release in January 2020 and no new features are being added. As I predicted. There's no acrylic coming to Edge Chromium and the dev team know it.

Edge chromium is Not feature locked,
Edge version 79 is feature locked.

so not the whole browser, only one version which is version 79 which is marked for stable release.
the rest of the browser, version 80 has no locks or anything and it is actively being developed and new features being introduced to it.

@HotCakeX Which is why there's absolutely nothing new in this week's Dev channel build other than bug fixes, and only a few, very minor things now on the 'planned' list, and by the way, acrylic is currently not a planned feature. ;)

TLDR; you're not getting acrylic, they don't know how to do it, and if they do, not in a way that won't tank performance.

@filetrekker1360 


@filetrekker1360 wrote:

TLDR; you're not getting acrylic, they don't know how to do it, and if they do, not in a way that won't tank performance.


Hi @josh_bodner 

is there any comments about acrylic theme for new Edge?

 

 

Through a 3rd party dev, was able to get Edge Chromium to use acrylic title bars and it is absolutely stunning. Microsoft should definitely integrate this natively into the app. So for those who think its not possible, if a 3rd party dev is able to do it, Microsoft should be able to.

 

acrylic.png

@matthewj15 


@matthewj15 wrote:

Through a 3rd party dev, was able to get Edge Chromium to use acrylic title bars and it is absolutely stunning. Microsoft should definitely integrate this natively into the app. So for those who think its not possible, if a 3rd party dev is able to do it, Microsoft should be able to.

 

acrylic.png


 

Wow that is stunning. Awesome job!

please share the program with us, would love to give it a try.

 

@Elliot Kirk @IrinaL