Skip to content

Conversation

@Nathaniel4JC
Copy link
Contributor

  • More Blur!
  • Changed the height of the taskbar/ icons (so the theme will no look good even without "taskbar height and icon size" mod)

@Nathaniel4JC
Copy link
Contributor Author

@bbmaster123 Hi again, when you can, please review this...

Comment on lines 14 to 28
In order to make the taskbar look better, it's best that you install the 'Taskbar height and icon size' mod and use the following setting for the mod:

<details>
<summary>Click to expand JSON content</summary>

```json
{
"IconSize": 30,
"TaskbarHeight": 70,
"TaskbarButtonWidth": 44,
"IconSizeSmall": 20,
"TaskbarButtonWidthSmall": 30
}
```
</details>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

IMO I would keep instructions on setting the icon size with the taskbar height and icon size mod, as setting the icon size directly through the taskbar styler leads to the icons becoming blurry.

image

Setting size with styler

image

Setting size with taskbar height and icon size mod

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I guess you're right...

@bbmaster123
Copy link
Collaborator

@Nathaniel4JC
hey just took a look at your updated code, but I also see you're fixing a few more things, should I wait a bit longer to merge?

Also, I hadn't considered that you would still be around to help out and respond to users lol
many of the other submission's authors did not stick around!

I started working on fixing some of the issues too a few days ago, although probably not very different, maybe you could compare my code to yours and steal anything good from mine to stick into yours :)

{
  "controlStyles[0].target": "Taskbar.TaskbarFrame#TaskbarFrame",
  "controlStyles[0].styles[1]": "HorizontalAlignment=Auto",
  "controlStyles[0].styles[2]": "Width=Auto",
  "controlStyles[0].styles[0]": "MaxWidth:=900",
  "controlStyles[0].styles[3]": "MinWidth:=500",
  "controlStyles[1].target": "Taskbar.TaskbarFrame#TaskbarFrame > Grid#RootGrid",
  "controlStyles[1].styles[0]": "Margin=30,0,30,5",
  "controlStyles[1].styles[1]": "BorderThickness=$BorderThickness",
  "controlStyles[1].styles[2]": "BorderBrush:=$BorderBrush",
  "controlStyles[1].styles[3]": "CornerRadius=$CornerRadius",
  "controlStyles[1].styles[4]": "Background:=Transparent",
  "controlStyles[2].target": "Rectangle#BackgroundFill",
  "controlStyles[2].styles[0]": "Visibility=Visible",
  "controlStyles[2].styles[1]": "Fill:=$Background",
  "controlStyles[3].target": "Rectangle#BackgroundStroke",
  "controlStyles[3].styles[0]": "Visibility=Collapsed",
  "controlStyles[4].target": "Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton > Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel",
  "controlStyles[4].styles[0]": "Margin=4",
  "controlStyles[4].styles[1]": "Background:=$ElementBG",
  "controlStyles[4].styles[2]": "CornerRadius=12",
  "controlStyles[5].target": "Grid#SystemTrayFrameGrid",
  "controlStyles[5].styles[0]": "Margin=0,7,20,7",
  "controlStyles[5].styles[1]": "RenderTransform:=<TranslateTransform X=\"-105\" Y=\"-2\"/>",
  "controlStyles[5].styles[2]": "Padding=0",
  "controlStyles[5].styles[3]": "Background:=$ElementBG",
  "controlStyles[5].styles[4]": "CornerRadius=12",
  "controlStyles[6].target": "SystemTray.ChevronIconView",
  "controlStyles[6].styles[0]": "Padding=$TrayPadding",
  "controlStyles[6].styles[1]": "CornerRadius=10",
  "controlStyles[7].target": "SystemTray.NotifyIconView#NotifyItemIcon",
  "controlStyles[7].styles[0]": "Padding=$TrayPadding",
  "controlStyles[7].styles[1]": "CornerRadius=10",
  "controlStyles[8].target": "SystemTray.OmniButton",
  "controlStyles[8].styles[0]": "Padding=$TrayPadding",
  "controlStyles[8].styles[1]": "CornerRadius=10",
  "controlStyles[9].target": "SystemTray.CopilotIcon",
  "controlStyles[9].styles[0]": "Padding=$TrayPadding",
  "controlStyles[10].target": "SystemTray.OmniButton#NotificationCenterButton > Grid > ContentPresenter > ItemsPresenter > StackPanel > ContentPresenter > systemtray:IconView#SystemTrayIcon > Grid",
  "controlStyles[10].styles[0]": "Padding=$TrayPadding",
  "controlStyles[11].target": "SystemTray.IconView#SystemTrayIcon > Grid#ContainerGrid > ContentPresenter#ContentPresenter > Grid#ContentGrid > SystemTray.TextIconContent > Grid#ContainerGrid",
  "controlStyles[11].styles[0]": "Padding=10",
  "controlStyles[11].styles[1]": "CornerRadius=10",
  "controlStyles[12].target": "SystemTray.StackListView#IconStack > ItemsPresenter > StackPanel > ContentPresenter > SystemTray.IconView#SystemTrayIcon",
  "controlStyles[12].styles[0]": "Padding=0",
  "controlStyles[13].target": "SystemTray.Stack#ShowDesktopStack",
  "controlStyles[13].styles[0]": "Visibility=Visible",
  "controlStyles[14].target": "Taskbar.Gripper#GripperControl",
  "controlStyles[14].styles[0]": "Width=Auto",
  "controlStyles[14].styles[1]": "MinWidth=24",
  "controlStyles[15].target": "SystemTray.SystemTrayFrame",
  "controlStyles[15].styles[0]": "HorizontalAlignment=1",
  "controlStyles[15].styles[1]": "RenderTransform:=<TranslateTransform X=\"399\" />",
  "controlStyles[16].target": "Windows.UI.Xaml.Controls.Grid#AugmentedEntryPointContentGrid",
  "controlStyles[16].styles[0]": "Margin=4,0,0,0",
  "controlStyles[16].styles[1]": "HorizontalAlignment=Left",
  "controlStyles[17].target": "TextBlock#TimeInnerTextBlock",
  "controlStyles[17].styles[0]": "FontSize=13",
  "controlStyles[17].styles[1]": "FontFamily=vivo Sans EN VF",
  "controlStyles[17].styles[2]": "Margin=0",
  "controlStyles[17].styles[3]": "Padding=0",
  "controlStyles[17].styles[4]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"0\" />",
  "controlStyles[18].target": "TextBlock#DateInnerTextBlock",
  "controlStyles[18].styles[0]": "Visibility=Collapsed",
  "controlStyles[18].styles[1]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"-9\" />",
  "controlStyles[18].styles[2]": "FontSize=11",
  "controlStyles[18].styles[3]": "FontFamily=vivo Sans EN VF",
  "controlStyles[19].target": "TextBlock#InnerTextBlock[Text=]",
  "controlStyles[19].styles[0]": "Text=",
  "controlStyles[20].target": "Windows.UI.Xaml.Controls.Grid#ConfirmatorMainGrid",
  "controlStyles[20].styles[0]": "CornerRadius=22",
  "controlStyles[20].styles[1]": "BorderThickness=$BorderThickness",
  "controlStyles[20].styles[2]": "BorderBrush:=$BorderBrush",
  "controlStyles[20].styles[3]": "Background:=$Background",
  "controlStyles[21].target": "TextBlock#SearchBoxTextBlock",
  "controlStyles[21].styles[0]": "Text=Search This Precision",
  "controlStyles[21].styles[1]": "FontSize=10",
  "controlStyles[21].styles[2]": "FontFamily=vivo Sans EN VF",
  "controlStyles[22].target": "SystemTray.OmniButton#NotificationCenterButton > Grid > ContentPresenter > ItemsPresenter > StackPanel > ContentPresenter > SystemTray.IconView#SystemTrayIcon > Grid > Grid > SystemTray.TextIconContent",
  "controlStyles[22].styles[0]": "Visibility=Collapsed",
  "controlStyles[23].target": "Windows.UI.Xaml.Controls.Button",
  "controlStyles[23].styles[0]": "BorderThickness=$BorderThickness",
  "controlStyles[24].target": "Windows.UI.Xaml.Controls.Border#OverflowFlyoutBackgroundBorder",
  "controlStyles[24].styles[0]": "BorderThickness=$BorderThickness",
  "controlStyles[24].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[24].styles[2]": "Background:=$Background",
  "controlStyles[24].styles[3]": "CornerRadius=$CornerRadius",
  "controlStyles[25].target": "WindowsInternal.ComposableShell.Experiences.Switcher.AltTab > Windows.UI.Xaml.Controls.Grid#ModalRootGrid > Border",
  "controlStyles[25].styles[0]": "BorderThickness=$BorderThickness",
  "controlStyles[25].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[25].styles[2]": "Background:=<AcrylicBrush TintColor=\"#10000020\"/>",
  "controlStyles[25].styles[3]": "CornerRadius=20",
  "controlStyles[25].styles[4]": "BorderThickness=$BorderThickness",
  "controlStyles[26].target": "WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopBarElement#VirtualDesktopBar",
  "controlStyles[26].styles[0]": "//RenderTransform:=<TranslateTransform X=\"0\" Y=\"60\" />",
  "controlStyles[26].styles[1]": "CornerRadius=$CornerRadius",
  "controlStyles[26].styles[2]": "Background:=$Background",
  "controlStyles[27].target": "Windows.UI.Xaml.Controls.Border#BackgroundDimmingLayer",
  "controlStyles[27].styles[0]": "Background:=$Background",
  "controlStyles[28].target": "Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel > Windows.UI.Xaml.Controls.Border#BackgroundElement",
  "controlStyles[28].styles[0]": "CornerRadius=10",
  "controlStyles[29].target": "Taskbar.TaskListButton#TaskListButton",
  "controlStyles[29].styles[0]": "CornerRadius=10",
  "controlStyles[30].target": "Windows.UI.Xaml.Controls.Border#SnapBarBorder",
  "controlStyles[30].styles[0]": "Background:=$Background",
  "controlStyles[30].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[30].styles[2]": "CornerRadius=$CornerRadius",
  "controlStyles[30].styles[3]": "BorderThickness=$BorderThickness",
  "controlStyles[30].styles[4]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"10\" />",
  "controlStyles[30].styles[5]": "Margin=0,0,0,-10",
  "controlStyles[31].target": "Windows.UI.Xaml.Controls.Border#SnapPickerBorder",
  "controlStyles[31].styles[0]": "Background:=$Background",
  "controlStyles[31].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[31].styles[2]": "CornerRadius=$CornerRadius",
  "controlStyles[31].styles[3]": "BorderThickness=$BorderThickness",
  "controlStyles[32].target": "Windows.UI.Xaml.Controls.Border#SearchPillBackgroundElement",
  "controlStyles[32].styles[0]": "BorderBrush:=$ElementBorderBrush",
  "controlStyles[32].styles[1]": "CornerRadius=$ElementCornerRadius",
  "controlStyles[32].styles[2]": "BorderThickness=$ElementBorderThickness",
  "controlStyles[32].styles[3]": "Margin=0",
  "controlStyles[33].target": "Taskbar.TaskbarExtensionElement",
  "controlStyles[33].styles[0]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"0\" />",
  "controlStyles[34].target": "Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel",
  "controlStyles[34].styles[0]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"0\" />",
  "controlStyles[35].target": "Windows.UI.Xaml.Controls.ToolTip > Windows.UI.Xaml.Controls.ContentPresenter#LayoutRoot",
  "controlStyles[35].styles[0]": "Background:=$Background",
  "controlStyles[35].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[35].styles[2]": "BorderThickness:=$BorderThickness",
  "controlStyles[35].styles[3]": "CornerRadius=12",
  "controlStyles[36].target": "SearchUx.SearchUI.SearchButtonControl",
  "controlStyles[36].styles[0]": "MaxWidth=130",
  "controlStyles[36].styles[1]": "Margin=-1,0,-1,0",
  "controlStyles[37].target": "WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopBarElement > Grid > Border",
  "controlStyles[37].styles[0]": "Background:=$Background",
  "controlStyles[37].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[37].styles[2]": "BorderThickness=$BorderThickness",
  "controlStyles[37].styles[3]": "CornerRadius=$CornerRadius",
  "controlStyles[38].target": "WindowsInternal.ComposableShell.Experiences.Switcher.SwitchItemListViewItem > Grid > Border",
  "controlStyles[38].styles[0]": "BorderBrush:=$BorderBrush",
  "controlStyles[38].styles[1]": "BorderThickness=$BorderThickness",
  "controlStyles[38].styles[2]": "Background=Transparent",
  "controlStyles[39].target": "WindowsInternal.ComposableShell.Experiences.Switcher.SwitchItemElement > Grid#RootGrid > Grid#TitleGrid > Border",
  "controlStyles[39].styles[0]": "Background=Transparent",
  "controlStyles[39].styles[1]": "BorderBrush:=Transparent",
  "controlStyles[39].styles[2]": "BorderThickness=14",
  "styleConstants[0]": "Background=<WindhawkBlur BlurAmount=\"15\" TintColor=\"#10808080\"/>",
  "styleConstants[1]": "BorderBrush2=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\"><GradientStop Color=\"{ThemeResource SystemChromeHighColor}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource SystemChromeLowColor}\" Offset=\"0.25\" /><GradientStop Color=\"{ThemeResource SystemChromeHighColor}\" Offset=\"1\" /></LinearGradientBrush>",
  "styleConstants[2]": "BorderThickness=0.3,1,0.3,0.3",
  "styleConstants[3]": "CornerRadius=15",
  "styleConstants[4]": "BorderBrush=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\"><GradientStop Color=\"#50808080\" Offset=\"0.0\" /><GradientStop Color=\"#50404040\" Offset=\"0.25\" /><GradientStop Color=\"#50808080\" Offset=\"1\" /></LinearGradientBrush>",
  "styleConstants[5]": "Background2=<AcrylicBrush TintColor=\"{ThemeResource SystemChromeAltHighColor}\" TintOpacity=\"0.3\" FallbackColor=\"{ThemeResource SystemChromeAltHighColor}\" />",
  "styleConstants[6]": "TrayPadding=2",
  "styleConstants[7]": "ElementBG=<SolidColorBrush Color=\"{ThemeResource SystemChromeAltHighColor}\" Opacity=\"0.3\" />",
  "styleConstants[8]": "ElementBorderThickness=0.3,0.3,0.3,1",
  "styleConstants[9]": "ElementBorderBrush=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\"><GradientStop Color=\"#50808080\" Offset=\"1\" /><GradientStop Color=\"#50606060\" Offset=\"0.15\" /></LinearGradientBrush>",
  "styleConstants[10]": "ElementCornerRadius=12"
}

@Nathaniel4JC
Copy link
Contributor Author

Ok... WIll do!

@m417z
Copy link
Member

m417z commented Oct 13, 2025

@Nathaniel4JC is this work in progress, or is it ready to be merged?

@Nathaniel4JC
Copy link
Contributor Author

sry... I've been busy lately... this version is still in need of a l'il work... all the other themes(for the other styler mods) are ready to be merged tho...

@Nathaniel4JC
Copy link
Contributor Author

I'll try completing this asap...

@SandTechStuff
Copy link
Collaborator

You could convert it to a draft PR, and then set it as ready for review when you are finished if that makes communication easier.

Added few notes to Readme about the alternate versions
@Nathaniel4JC
Copy link
Contributor Author

Nathaniel4JC commented Oct 15, 2025

Done and ready to be merged!!

Added a new version of the taskbar
@Nathaniel4JC
Copy link
Contributor Author

@m417z Do I have to address the conflict or will you do it?

@m417z
Copy link
Member

m417z commented Oct 17, 2025

Please address it, or let me know if you need help with it.

@m417z
Copy link
Member

m417z commented Oct 28, 2025

Done and ready to be merged!!

What about @SandTechStuff's note about removing the "Taskbar height and icon size" section?

@SandTechStuff can you review the changes since last time?

The Virtual Desktop bar now scales automatically based on the number of open virtual desktops
- Most screenshots updated.
- Icon Height is now set by the "Taskbar size and Icon Height" mod.
@Nathaniel4JC
Copy link
Contributor Author

What about @SandTechStuff's note about removing the "Taskbar height and icon size" section?

Done!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants