PowerToys icon indicating copy to clipboard operation
PowerToys copied to clipboard

Add Aero-like or Fluent-like titlebar blur and transparency.

Open MishterKirby opened this issue 6 years ago • 26 comments

It would be cool and would make some apps (like Photos or Calculator) look more consistent if Win32 programs (like File Explorer) have Fluent titlebars. It would also make some programs, like the new Chromium Edge, look neat with blur and transparency on titlebar!

MishterKirby avatar May 14 '19 01:05 MishterKirby

Hi @MishterKirby ,

Could you please add more details to this suggestion? It's not too clear what it is. On Windows 10, "Settings" > "Colors" has the "Transparency effects" and an option to apply these settings to "Title bars and window borders", which applies blur and transparency to title bars.

In any case, the place to send general Windows suggestions would be through the Feedback Hub: https://support.microsoft.com/en-us/help/4021566/windows-10-send-feedback-to-microsoft-with-feedback-hub

jaimecbernardo avatar May 14 '19 12:05 jaimecbernardo

Of course. I would like something like Windows 7 has, where every title bar has Aero, but with fine-tuned controls. Something like Aero Glass for Win8.1+ does, but with Fluent design instead of Aero.

MishterKirby avatar May 14 '19 17:05 MishterKirby

Adding in Help wanted as this isn't part of our v1 push. Super cool idea and would love to see if someone would want to help add it in.

crutkas avatar Mar 06 '20 00:03 crutkas

@ow had some create images from his issue, #1235

Here's what that looked like, and what I'd love to see this project do (sans Sets) image

A good example of this is how legacy Edge implements titlebars, which is what I'd love to see everywhere (and sadly, somehow isn't a part of New Edge): image

crutkas avatar Mar 06 '20 00:03 crutkas

amazing idea, cant wait.

ihaydenng avatar Apr 20 '20 13:04 ihaydenng

I would like to implement this, but I have no idea how to start. Can someone point me the right way?

MishterKirby avatar May 01 '20 20:05 MishterKirby

Any progress?

ihaydenng avatar May 25 '20 05:05 ihaydenng

Any progress?

This is not something the core Powertoys team is focusing on at this time.

Please refer to our v1 strategy doc for what we are planning to release

crutkas avatar May 25 '20 06:05 crutkas

I would like to implement this, but I have no idea how to start. Can someone point me the right way?

One way to possibly implement this is to inject the transparency code into the DWM process, sort of like how Glass8 implements an Aero Glass effect in Windows 8.x and 10

DavidB420 avatar Jun 08 '20 03:06 DavidB420

This would be awesome! Please, someone, implement this!

ericpa06 avatar Aug 02 '20 06:08 ericpa06

Are there any official plans to add this as a feature? The only apps that look any good on Windows 10 are the Metro/Modern/Fluent ones, or whatever they're calling it now. Win32 apps are the only reason anybody uses Windows, and nowadays they're lacking a basic feature of the OS's design language that was already previously available in 2006. It's pretty crazy that transparency was reintroduced to the UI years ago without reenabling it on the vast majority of apps, but if it's added to PowerToys I can at least pretend Microsoft makes sense

keithpickering avatar Jun 08 '21 17:06 keithpickering

I want to see this in Windows 11. As this acrylic blur effect is coming to everywhere in both Windows 10 and 11, acrylic blur effect in titlebars is a big missing feature.

Yilmaz4 avatar Jun 23 '21 14:06 Yilmaz4

Microsoft saw my comment and it hurt their feelings so bad they decided to make an OS that actually looks good

keithpickering avatar Jun 23 '21 16:06 keithpickering

https://www.youtube.com/watch?v=Uh9643c2P6k

Jay-o-Way avatar Jun 24 '21 18:06 Jay-o-Way

So here we are after the official Win11 release and it seems they implemented this...but only for the file explorer. All the other titlebars use a solid accent color.

RedCard1nal avatar Nov 02 '21 18:11 RedCard1nal

So here we are after the official Win11 release and it seems they implemented this...but only for the file explorer. All the other titlebars use a solid accent color.

File Explorer isn't even acrylic in Windows 11. It puts the average of the wallpaper colors into the title bar and that's it. No matter what's behind it it's always the same color.

github-account1111 avatar Apr 10 '22 04:04 github-account1111

So here we are after the official Win11 release and it seems they implemented this...but only for the file explorer. All the other titlebars use a solid accent color.

File Explorer isn't even acrylic in Windows 11. It puts the average of the wallpaper colors into the title bar and that's it. No matter what's behind it it's always the same color.

We call that "Mica" which blurs your background image

Yilmaz4 avatar Apr 10 '22 07:04 Yilmaz4

It doesn't blur anything though:

image The title bar is literally just dark green (because my wallpaper is green). Doesn't care that there's a full screen Edge behind it, doesn't care that none of the elements in Edge don't have any green in them.

github-account1111 avatar Apr 10 '22 08:04 github-account1111

It doesn't blur anything though:

The title bar is literally just dark green (because my wallpaper is green). Doesn't care that there's a full screen Edge behind it, doesn't care that none of the elements in Edge don't have any green in them.

image It does, just not very noticeable.

Yilmaz4 avatar Apr 10 '22 11:04 Yilmaz4

It doesn't blur anything though: The title bar is literally just dark green (because my wallpaper is green). Doesn't care that there's a full screen Edge behind it, doesn't care that none of the elements in Edge don't have any green in them.

image It does, just not very noticeable.

That's the wallpaper. Put it in front of a fullscreen Edge and screenshort that.

github-account1111 avatar Apr 10 '22 20:04 github-account1111

So here we are after the official Win11 release and it seems they implemented this...but only for the file explorer. All the other titlebars use a solid accent color.

File Explorer isn't even acrylic in Windows 11. It puts the average of the wallpaper colors into the title bar and that's it. No matter what's behind it it's always the same color.

@github-account1111 https://docs.microsoft.com/en-us/windows/apps/design/signature-experiences/materials

Jay-o-Way avatar Apr 11 '22 17:04 Jay-o-Way

@Jay-o-Way thanks! That explains it. I kinda don't like it 😜 Sounds like an inferior version of acrylic.

Was it solely made to be less resource intensive? Because otherwise all it does is make the UI less unified.

github-account1111 avatar Apr 11 '22 20:04 github-account1111

I don't use transparency in my system. But I would like that the accent colour in the title should be the same as the app in dark mode. My idea is to avoid this colour difference:

image

So, what I did was use the same hex colour 202020 (common for dark mode apps) as a system accent colour. And I got this:

image

alanlivio avatar Oct 27 '22 11:10 alanlivio

Many apps have been updated in the mean time. Is this still an issue?

Jay-o-Way avatar Mar 18 '23 15:03 Jay-o-Way

Mica for everyone does it!

epokuser avatar Sep 06 '23 14:09 epokuser

Please do not override Windows settings for title bars. I've configured Windows to show accent colors in title bars and have configured the inactive title bar color in the registry for better contrast. PowerToys (and many other apps) ignore these settings and it's a major problem for accessibility.

jvincent-siplay avatar Mar 13 '25 22:03 jvincent-siplay