ramensoftware / windows-11-taskbar-styling-guide

A collection of commonly requested taskbar styling customizations for Windows 11
160 stars 12 forks source link

There doesn't seem to be a way to customize the "squircle" theme's elements' background. #41

Closed unjaks closed 3 months ago

unjaks commented 3 months ago

Would be great if we could customize the elements' background, for I, personally, don't enjoy the overly transparent view. Everything else is good, very good. image (Being able to edit the margin would be good too)

bbmaster123 commented 3 months ago

you should be able to set:

Target: Rectangle#BackgroundFill
Style: Background=color/hex/brush

is that not working for you? If not send you config, debug log (both in advanced), and double check that target isn't set to transparent elsewhere, say in a second forked version of the styler mod, for example

unjaks commented 3 months ago

you should be able to set:

Target: Rectangle#BackgroundFill
Style: Background=color/hex/brush

is that not working for you? If not send you config, debug log (both in advanced), and double check that target isn't set to transparent elsewhere, say in a second forked version of the styler mod, for example

this only changes the background of taskbar, but not the elements inside of it

bbmaster123 commented 3 months ago

oh I'm sorry, that's what I thought you meant, I'm sure you can see why! which element/elements did you want to change? all? If you don't know what the element is called, could you send a pic with a colored outline or an arrow pointing to it?

we just need to find which element you want to target and then set whatever color at whatever opacity level you like :)

unjaks commented 3 months ago

oh I'm sorry, that's what I thought you meant, I'm sure you can see why! which element/elements did you want to change? all? If you don't know what the element is called, could you send a pic with a colored outline or an arrow pointing to it?

we just need to find which element you want to target and then set whatever color at whatever opacity level you like :)

yeah, all. only changing one element would look weird

bbmaster123 commented 3 months ago

styling all elements will require multiple targets, as there isn't one parameter that changes all the colors at once. for example:

 taskbar:TaskListButtonPanel 
 taskbar:TaskListLabeledButtonPanel 

will target the pinned/running apps

 Taskbar.ExperienceToggleButton

will target the experience buttons (start, task view, copilot etc)

Grid#SystemTrayFrameGrid

will target just the tray area

Windows.UI.Xaml.Controls.Grid#OverflowRootGrid

will target the tray overflow flyout.

then you can set any of these, for example:

Background=Red
Background=#FF0000 (solid color)
Background=#BBFF0000 (transparency)
Background:=<AcrylicBrush TintColor="Red" TintOpacity="0.5" Opacity="1" /> (Red Acrylic)

If you need the target name of an element, use UWPSpy and go down the visual tree.

that should get you most of if not all the way there, but if there are further specific elements you are having trouble with, or any other issues, let me know and I'll do my best to help :)

unjaks commented 3 months ago

this too didn't help, but I don't want to take any more of anyone's time, so I'll just do a research of my own. thank you for the attempted help, it was pretty close! you're a good person.