Visual problem with Jump Lists

[Caracarn]

I've been experimenting with color settings to achieve unity across Windows.
Meaning: the same color and acrylic effect everywhere.

I actually succeeded in that, except for a strange visual effect in the jump lists.
In this short recording you can see exactly what I mean.

glitch.mp4

Below are two images from that video that show the problem even clearer.
Shortly before disappearing/fading out, the background turns blue and becomes transparent.
It's just for a split second, but visually annoying nonetheless.

In the NC Styler mod I use this -

Target: Border#JumpListRestyledAcrylic
Styles: Background:=<AcrylicBrush TintOpacity="0.3" TintColor="{ThemeResource SystemAccentColorDark3}" TintLuminosityOpacity="0.6" Opacity="1" FallbackColor="#70283550"/>

If I remove this from the Control Styles, the fade out effect is flawless.

Is there a target that I need for the 'fade out' animation? Or am I doing something wrong?

Please keep in mind that I have zero experience with all this. I'm still in the process of experimenting and observing what happens.

[bbmaster123]

I don't think there's much that can be done about this, but you can try targeting the parent element which should help a bit, though still not completely perfect. Try this:

Target:
Grid#JumpListGrid

Styles:
Background:=<AcrylicBrush TintOpacity="0.3" TintColor="{ThemeResource SystemAccentColorDark3}" TintLuminosityOpacity="0.3" Opacity="1" FallbackColor="#70283550" />

CornerRadius=8

might need to play with that a bit to get it to the same color/transparency you had, but it should be a little less jarring looking.

Is there a target that I need for the 'fade out' animation?

There is no way that I know of to target animations with the styler mod, although I'm always experimenting too so I might figure something out eventually.

[Caracarn]

I tried your suggestion, but it still 'transitions' to a shade of blue.
Someone else had a similar issue - [(https://github.com//issues/6)]
Tried the suggestion there, but it didn't work out either.

What I like most about Windhawk is that, once you figure things out, you can customize basically everything in the Windows UI.
It's even possible to create a flashlight effect or a distortion effect.

video2.mp4

Figuring things out is a process of much trial-and-error. Mostly error. I've taken my first steps in learning which instructions have what effect.

And in doing so, I came up with a different approach to this issue.
In my language (Dutch) we have a saying: "Als het niet gaat zoals het moet, dan moet het maar zoals het gaat."

Don't bother feeding this to Google Translate. I don't think there's an accurate translation for it.
What it comes down to is this: If you can't achieve what you want, go for the next best option and accept that it won't get any better than that.

Which is exactly what I did. Lots of experimenting until I found something that came pretty close to what I was aiming for.
In fact, I like it so much now that I am no longer pursuing the original goal.

I realised that there was no way AcrylicBrush would give me what I was looking for.
And then I learned about SolidColorBrush. Not the same thing, since it doesn't offer the acrylic effect.
Another downside (at least in my situation) was that using ThemeResource SystemAccentColor with SolidColorBrush, resulted in wrong coloring.
What did work was using the appropriate hex color code, which for me is #283550.
The same color code I have to use in Open Shell to make the start menu match taskbar and everything else.

What I use now in Windhawk (NC Styler mod) is this -

And it looks great. Yes, no acrylic effect, but better visibility against a white background.

This is what it looks like now -

video1.mp4

Maybe one day I'll figure out how to make this work with an acrylic effect, but until then this solution works for me.

[bbmaster123]

In my language

Shows what I know, I just assumed your windows was set to German lol

I realised that there was no way AcrylicBrush would give me what I was looking for.
And then I learned about SolidColorBrush. Not the same thing, since it doesn't offer the acrylic effect.

Right, its not the same as acrylic, and yes, using a solid color or the solidcolorbrush hides the issue.

It's even possible to create a flashlight effect or a distortion effect.

Yes the Reveal effect from windows 10, I love that effect! Its really too bad they didn't keep it for WinUI3 apps :(

Maybe one day I'll figure out how to make this work with an acrylic effect, but until then this solution works for me.

As long as you're happy with the result!

That said, I'd still recommend checking back every now and then since Microsoft is always updating the targets, its possible at some point there will be a new or changed element that can fix or avoid the issue, while still using acrylic. Its also possible of course that the mod behavior gets updated and fixes it

cheers :)