Fix tray area alignment with Matter theme + vertical taskbar

[Aziyck]

Description:
When using the Matter theme together with a vertical taskbar, the clock and tray area appeared too wide and off-center. I modified the layout so that the clock and tray are now correctly centered when using a vertical taskbar.

Additionally:

• The tray, clock, and notification area are now separated into their own rectangles, similar to how app icons are displayed.

Known issues:

• When hovering over the tray area, the background becomes overly transparent (couldn’t resolve this yet).
• In the horizontal taskbar layout, the clock isn’t perfectly centered.

[m417z]

Thanks for the contribution. @zoraizlajwer please take a look.

[Aziyck]

Oh yeah, I forgot to mention - I also tweaked the indicator/preview that shows up when you have multiple windows of the same app open at the same time.

[zoraizlajwer]

Oh yeah, I forgot to mention - I also tweaked the indicator/preview that shows up when you have multiple windows of the same app open at the same time.

You have tweaked this on which Windows version and can you kindly send screenshots what have changed in the UI of theme (not the screenshots of code)

[Aziyck]

Sorry in advance for my english

Windows 11 version 24H2

Ok so this is how it looks with Vertical taskbar without any theme

This is how it looks with the current Matter theme

While modifying the theme I used the Vertical taskbar mod to change my taskbar width to see what's going on and basically the tray elements are there just too much on the right

This is how it looks with my theme modifications

But you can notice there is a problem with the hover effect specific on the tray, clock, language etc, areas, on the dark theme it becomes too transparent

Thsi is how it looks with my modification but without the vertical taskbar mod, you can notice the clock isnt centered anymore

Also this is what I meant when I was talking abt the indicator/preview that shows up when you have multiple windows of the same app open at the same time.

This is how it looks on normal horizontal sidebar on my modified theme

This is how it looks on a vertical sidebar

[Aziyck]

I also use the 'Taskbar height and icon size' mod to make my program icon sizes on my taskbar slightly bigger

[zoraizlajwer]

You did great, but my theme is designed for Window 23h2 version
Lots of things changed in 24h2, but I haven't implemented any changes in the theme
Maybe in the future, I will update the theme to the latest versions of Windows 11 and it's looks in vertical bar

Thanks for the contribution, but right now theme is only compatible with 23h2 version

[m417z]

We should really prioritize up-to-date Windows versions, since that's what most users are using. Supporting older builds is OK too, but supporting only old builds means that most users won't be able to use the theme, or will find it buggy.

If the theme can't be made to support both 23H2 and 24H2 at the same time, we can keep multiple variants (like this). Then, the mod can integrate both variants and choose the correct one based on the Windows version. But to keep things simple, it's preferable to have a single variant.

Do the changes in this submission break anything for 23H2?

@Aziyck the issues that you mentioned, such as the transparent tray background, exist in the current theme too (before your changes), right? Do your changes introduce new known issues?