年

新

乐

快

加载中

「Windhawk」🎨 Windows 11 任务栏样式器的 Squircle 主题 ⬜

白木 2026年2月7日 2026年2月6日 32

原MODS名称：Windows 11 Taskbar Styler

🎨 Windows 11 任务栏样式器的 Squircle 主题 ⬜

此主题最初在 Reddit 上分享。

作者: AsvnDG

📸 截图 \
📸 截图

⚠️ 注意事项

🎯 此主题专为搜索框设置为"仅图标"或"隐藏"而设计。如果您选择其他搜索框样式，可能需要稍微调整边距，因为 Windows 中所有搜索样式共享相同的 ID。如果此情况发生变化，本说明将进行更新。
🌤️ 提供 2 种变体。请选择与您天气小部件位置相匹配的样式，无论您是否启用了它。

🎯 主题选择

该主题已集成到模组中，可以直接从模组设置中选择：

📂 在 Windhawk 中打开 Windows 11 任务栏样式器模组。
⚙️ 进入"设置"选项卡。
🎨 选择主题并保存设置。

🛠️ 手动安装

主题样式也可以手动导入。请按照以下步骤操作：

📂 在 Windhawk 中打开 Windows 11 任务栏样式器模组。
🔧 进入"高级"选项卡。
📋 将以下内容复制到"模组设置"下方的文本框中，然后点击"保存"。

🌤️ 天气在左侧：

{
  "controlStyles[0].target": "Taskbar.TaskbarFrame > Grid#RootGrid > Taskbar.TaskbarBackground > Grid > Rectangle#BackgroundFill",
  "controlStyles[0].styles[0]": "Fill=Transparent",
  "controlStyles[1].target": "Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl > Grid > Rectangle#BackgroundFill",
  "controlStyles[1].styles[0]": "Fill=#CC222222",
  "controlStyles[2].target": "Taskbar.TaskListButtonPanel@CommonStates > Border#BackgroundElement",
  "controlStyles[2].styles[0]": "CornerRadius=5",
  "controlStyles[2].styles[1]": "Background:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#BB222222\" />",
  "controlStyles[2].styles[2]": "Background@InactivePointerOver:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#CC222222\" />",
  "controlStyles[2].styles[3]": "Background@ActivePointerOver:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.9\" FallbackColor=\"#CC222222\" />",
  "controlStyles[2].styles[4]": "Background@ActiveNormal:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#CC222222\" />",
  "controlStyles[2].styles[5]": "Background@InactiveNormal:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.7\" FallbackColor=\"#BB222222\" />",
  "controlStyles[2].styles[6]": "Background@InactivePressed:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#CC222222\" />",
  "controlStyles[2].styles[7]": "Background@ActivePressed:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#CC222222\" />",
  "controlStyles[3].target": "Grid#SystemTrayFrameGrid",
  "controlStyles[3].styles[0]": "Background:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#BB222222\"\/>",
  "controlStyles[3].styles[1]": "CornerRadius=5",
  "controlStyles[3].styles[2]": "Margin=0,5,14,5",
  "controlStyles[3].styles[3]": "Padding=10,0,0,0",
  "controlStyles[4].target": "Rectangle#RunningIndicator",
  "controlStyles[4].styles[0]": "Fill=Transparent",
  "controlStyles[4].styles[1]": "RadiusX=5",
  "controlStyles[4].styles[2]": "RadiusY=5",
  "controlStyles[4].styles[3]": "Height=38",
  "controlStyles[4].styles[4]": "Width=40",
  "controlStyles[5].target": "Taskbar.TaskListLabeledButtonPanel > TextBlock#LabelControl",
  "controlStyles[5].styles[0]": "Margin=4,0,0,0",
  "controlStyles[5].styles[1]": "Foreground=White",
  "controlStyles[6].target": "Taskbar.SearchBoxButton",
  "controlStyles[6].styles[0]": "Foreground=White",
  "controlStyles[6].styles[1]": "Margin=-11,0,0,0",
  "controlStyles[7].target": "TextBlock#SearchBoxTextBlock",
  "controlStyles[7].styles[0]": "FontSize=12",
  "controlStyles[7].styles[1]": "Foreground=White",
  "controlStyles[8].target": "Rectangle#BackgroundStroke",
  "controlStyles[8].styles[0]": "Fill=Transparent",
  "controlStyles[9].target": "Grid",
  "controlStyles[9].styles[0]": "RequestedTheme=2",
  "controlStyles[10].target": "Taskbar.TaskListButton#TaskListButton[AutomationProperties.Name=Copilot] > Taskbar.TaskListLabeledButtonPanel#IconPanel > Border#BackgroundElement",
  "controlStyles[10].styles[0]": "Background:=<AcrylicBrush TintColor=\"Red\" TintOpacity=\"0.8\" />",
  "controlStyles[11].target": "Border#BackgroundBorder",
  "controlStyles[11].styles[0]": "Margin=0,3,0,3",
  "controlStyles[11].styles[1]": "CornerRadius=5",
  "controlStyles[12].target": "Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton > Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel > Border#BackgroundElement@CommonStates",
  "controlStyles[12].styles[0]": "Background@InactivePointerOver:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0\" />",
  "controlStyles[12].styles[1]": "Background:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#BB222222\" />",
  "controlStyles[13].target": "Border#MultiWindowElement",
  "controlStyles[13].styles[0]": "Background:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#CC222222\" />",
  "controlStyles[14].target": "TextBlock#TimeInnerTextBlock",
  "controlStyles[14].styles[0]": "Foreground=White",
  "controlStyles[15].target": "TextBlock#DateInnerTextBlock",
  "controlStyles[15].styles[0]": "Foreground=White",
  "controlStyles[16].target": "SystemTray.TextIconContent > Grid > SystemTray.AdaptiveTextBlock#Base > TextBlock",
  "controlStyles[16].styles[0]": "Foreground=White",
  "controlStyles[17].target": "Border#BackgroundElement",
  "controlStyles[17].styles[0]": "BorderThickness=0",
  "controlStyles[18].target": "Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton",
  "controlStyles[18].styles[0]": "Margin=-11,0,0,0",
  "controlStyles[19].target": "Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.Name=Task View]",
  "controlStyles[19].styles[0]": "Margin=-12,0,0,0",
  "controlStyles[20].target": "taskbar:TaskListLabeledButtonPanel@RunningIndicatorStates > Border",
  "controlStyles[20].styles[0]": "Background@ActiveRunningIndicator:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" />",
  "controlStyles[20].styles[1]": "Background@InactiveRunningIndicator:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" />",
  "controlStyles[20].styles[2]": "Background@InactiveRunningIndicatorPointerOver:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" />",
  "controlStyles[21].target": "Taskbar.TaskListLabeledButtonPanel@CommonStates > Border#BackgroundElement",
  "controlStyles[21].styles[0]": "Background@InactivePointerOver:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#DD222222\"\/>",
  "controlStyles[21].styles[1]": "Background@ActivePointerOver:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#EE222222\"\/>",
  "controlStyles[21].styles[2]": "Background@InactiveNormal:=<AcrylicBrush TintOpacity=\"0.2\" TintColor=\"Black\" FallbackColor=\"#BB222222\"\/>",
  "controlStyles[21].styles[3]": "Background@ActiveNormal:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#CC222222\"\/>",
  "controlStyles[21].styles[4]": "Background@ActivePressed:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"#333333\" FallbackColor=\"#BB333333\" />",
  "controlStyles[21].styles[5]": "Background@InactivePressed:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"#333333\" FallbackColor=\"#BB333333\" />",
  "controlStyles[21].styles[6]": "CornerRadius=5",
  "controlStyles[21].styles[7]": "Margin=1"
}

🌤️ 天气在右侧：

{
  "controlStyles[0].target": "Rectangle#BackgroundFill",
  "controlStyles[0].styles[0]": "Fill=Transparent",
  "controlStyles[1].target": "Taskbar.TaskListLabeledButtonPanel@RunningIndicatorStates > Border#BackgroundElement",
  "controlStyles[1].styles[0]": "Background@NoRunningIndicator:=<AcrylicBrush TintOpacity=\"0.2\" TintColor=\"#222222\" FallbackColor=\"#DD222222\" />",
  "controlStyles[1].styles[1]": "Background:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#DD222222\" />",
  "controlStyles[1].styles[2]": "Margin=0",
  "controlStyles[1].styles[3]": "BorderThickness@NoRunningIndicator=1",
  "controlStyles[1].styles[4]": "Background@InactiveRunningIndicator:=<AcrylicBrush TintOpacity=\"0.7\" TintColor=\"Black\" FallbackColor=\"#DD222222\" />",
  "controlStyles[1].styles[5]": "Background@ActiveRunningIndicator:=<AcrylicBrush TintOpacity=\"1\" TintColor=\"Black\" FallbackColor=\"#DD222222\" />",
  "controlStyles[2].target": "Grid#SystemTrayFrameGrid",
  "controlStyles[2].styles[0]": "Background:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#BB222222\" />",
  "controlStyles[2].styles[1]": "Margin=0,5,18,5",
  "controlStyles[2].styles[2]": "Padding=10,0,0,0",
  "controlStyles[2].styles[3]": "CornerRadius=5",
  "controlStyles[3].target": "Taskbar.SearchBoxButton",
  "controlStyles[3].styles[0]": "Margin=0,-2,0,0",
  "controlStyles[4].target": "Border#MultiWindowElement",
  "controlStyles[4].styles[0]": "Height=0",
  "controlStyles[5].target": "Grid#OverflowRootGrid > Border",
  "controlStyles[5].styles[0]": "Background:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#BB222222\" />",
  "controlStyles[6].target": "Grid",
  "controlStyles[6].styles[0]": "RequestedTheme=2",
  "controlStyles[7].target": "Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton > Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel > Border#BackgroundElement@CommonStates",
  "controlStyles[7].styles[0]": "Background:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#BB222222\" />",
  "controlStyles[7].styles[1]": "Width=125",
  "controlStyles[7].styles[2]": "BorderBrush=Transparent",
  "controlStyles[8].target": "Grid#OverflowRootGrid ",
  "controlStyles[8].styles[0]": "Background:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#BB222222\" />",
  "controlStyles[8].styles[1]": "Padding=0",
  "controlStyles[8].styles[2]": "Margin=0,0,0,12",
  "controlStyles[8].styles[3]": "CornerRadius=5",
  "controlStyles[9].target": "Taskbar.ExperienceToggleButton#LaunchListButton > Taskbar.TaskListButtonPanel > Border",
  "controlStyles[9].styles[0]": "Background:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#BB222222\" />",
  "controlStyles[10].target": "Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton",
  "controlStyles[10].styles[0]": "Margin=20,1,-20,1",
  "controlStyles[11].target": "Grid#AugmentedEntryPointContentGrid",
  "controlStyles[11].styles[0]": "Margin=10,0,-5,0",
  "controlStyles[12].target": "Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.Name=Task View] > Taskbar.TaskListButtonPanel > Border",
  "controlStyles[12].styles[0]": "CornerRadius=0,5,5,0",
  "controlStyles[13].target": "SearchUx.SearchUI.SearchBoxButton",
  "controlStyles[13].styles[0]": "Background:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#BB333333\" />",
  "controlStyles[14].target": "SearchUx.SearchUI.SearchButtonRootGrid > Border",
  "controlStyles[14].styles[0]": "Opacity=0",
  "controlStyles[15].target": "SearchUx.SearchUI.SearchButtonRootGrid",
  "controlStyles[15].styles[0]": "Background:=<AcrylicBrush TintOpacity=\"0.8\" TintColor=\"Black\" FallbackColor=\"#BB222222\" />",
  "controlStyles[15].styles[1]": "MinWidth=0",
  "controlStyles[15].styles[2]": "CornerRadius=0,5,5,0",
  "controlStyles[15].styles[3]": "Margin=0,4,2,4",
  "controlStyles[16].target": "SearchUx.SearchUI.SearchBoxButton#SearchBox > SearchUx.SearchUI.SearchButtonRootGrid@CommonStates > Microsoft.UI.Xaml.Controls.AnimatedVisualPlayer#Icon",
  "controlStyles[16].styles[0]": "Margin=14,0,0,0",
  "controlStyles[17].target": "Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.Name=Start] > Taskbar.TaskListButtonPanel > Border",
  "controlStyles[17].styles[0]": "Margin=1,0,0,0",
  "controlStyles[18].styles[0]": "RenderTransform:=<TranslateTransform X=\"5\" />",
  "controlStyles[18].target": "Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.Name=Start] > Taskbar.TaskListButtonPanel",
  "controlStyles[19].target": "Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.Name=Task View] > Taskbar.TaskListButtonPanel",
  "controlStyles[19].styles[0]": "RenderTransform:=<TranslateTransform X=\"-9\" />",
  "controlStyles[20].target": "Border#BackgroundBorder",
  "controlStyles[20].styles[0]": "Margin=0,3,0,3",
  "controlStyles[21].target": "Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl > Grid > Rectangle#BackgroundFill",
  "controlStyles[21].styles[0]": "Fill:=<WindhawkBlur BlurAmount=\"12\" TintColor=\"#00000000\" />",
  "controlStyles[22].target": "Border#BackgroundElement",
  "controlStyles[22].styles[0]": "BorderThickness=0",
  "controlStyles[23].target": "Rectangle#BackgroundStroke",
  "controlStyles[23].styles[0]": "Visibility=Collapsed",
  "controlStyles[24].target": "Taskbar.TaskListLabeledButtonPanel@CommonStates > Border#BackgroundElement",
  "controlStyles[24].styles[0]": "BorderBrush=Transparent",
  "controlStyles[24].styles[1]": "BorderBrush@ActivePointerOver:=<AcrylicBrush TintOpacity=\"0.2\" TintColor=\"Black\" FallbackColor=\"#DD222222\" />",
  "controlStyles[24].styles[2]": "BorderBrush@InactivePointerOver:=<AcrylicBrush TintOpacity=\"0.2\" TintColor=\"Black\" FallbackColor=\"#DD222222\" />",
  "controlStyles[24].styles[3]": "CornerRadius=5",
  "controlStyles[25].target": "Taskbar.TaskListLabeledButtonPanel@CommonStates > Rectangle#RunningIndicator",
  "controlStyles[25].styles[0]": "Fill=Transparent",
  "controlStyles[25].styles[1]": "Fill@ActivePointerOver:=<AcrylicBrush TintOpacity=\"0.4\" TintColor=\"#88444444\" FallbackColor=\"#BB222222\" />",
  "controlStyles[25].styles[2]": "Fill@InactivePointerOver:=<AcrylicBrush TintOpacity=\"0.2\" TintColor=\"#88444444\" FallbackColor=\"#BB222222\" />",
  "controlStyles[25].styles[3]": "Fill@MultiWindowNormal=#22AAAABB",
  "controlStyles[25].styles[4]": "Fill@MultiWindowPointerOver=#88AAAABB",
  "controlStyles[25].styles[5]": "Fill@MultiWindowActive=#88AAAABB",
  "controlStyles[25].styles[6]": "Fill@MultiWindowPressed=#88AAAABB",
  "controlStyles[25].styles[7]": "Fill@RequestingAttention:=<SolidColorBrush Opacity=\"0.4\" Color=\"DarkOrange\" />",
  "controlStyles[25].styles[8]": "Fill@RequestingAttentionPointerOver:=<SolidColorBrush Opacity=\"0.4\" Color=\"Orange\" />",
  "controlStyles[25].styles[9]": "RadiusX=5",
  "controlStyles[25].styles[10]": "RadiusY=5",
  "controlStyles[25].styles[11]": "Height=38",
  "controlStyles[25].styles[12]": "Width=39",
  "controlStyles[25].styles[13]": "MinWidth=Auto"
}

🎨 修改任务栏图标的背景颜色

要修改任务栏图标的背景颜色，你需要编辑 JSON 配置中的 Background 相关样式。以下是各个颜色样式的说明：

样式名称	用途	默认颜色
---------	------	---------
`Background`	图标默认背景色	深色亚克力效果 (#BB222222)
`Background@InactivePointerOver`	鼠标悬停时非活动窗口的背景色	较深的亚克力效果 (#CC222222)
`Background@ActivePointerOver`	鼠标悬停时活动窗口的背景色	更深的亚克力效果 (#CC222222)
`Background@ActiveNormal`	活动窗口的背景色	深色亚克力效果 (#CC222222)
`Background@InactiveNormal`	非活动窗口的背景色	半透明亚克力效果 (#BB222222)
`Background@InactivePressed`	非活动窗口按下时的背景色	深灰色亚克力效果 (#CC222222)
`Background@ActivePressed`	活动窗口按下时的背景色	深灰色亚克力效果 (#CC222222)

📝 修改步骤：

1、📂 在 Windhawk 中打开 Windows 11 任务栏样式器模组
2、🔧 进入"高级"选项卡
3、🎯 找到你想要修改的颜色样式（如 controlStyles[2].styles[1] 对应默认背景）
4、🎨 修改颜色值，例如：
- 使用纯色：
- 使用半透明色：
- 使用系统颜色：
- 使用亚克力效果：

💡 示例：将背景改为蓝色

将天气在左侧配置中的 controlStyles[2].styles[1] 从：

"controlStyles[2].styles[1]": "Background:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#BB222222\" />"

改为：

"controlStyles[2].styles[1]": "Background:=<SolidColorBrush Color=\"#2196F3\" Opacity=\"0.8\"/>"

🎨 修改系统托盘背景颜色

系统托盘的背景由 controlStyles[3]（天气在左侧）或 controlStyles[2]（天气在右侧）控制：

"controlStyles[3].styles[0]": "Background:=<AcrylicBrush TintColor=\"Black\" TintOpacity=\"0.8\" FallbackColor=\"#BB222222\"/>"

📝 修改文字颜色

文字颜色可以通过修改 Foreground 样式来改变：

"controlStyles[5].styles[1]": "Foreground=White"

改为：

"controlStyles[5].styles[1]": "Foreground=#FF5733"

💡 提示：

🎨 颜色格式为 ARGB（Alpha, Red, Green, Blue）
🔍 可以使用在线颜色选择器获取颜色代码
💾 修改后点击保存即可看到效果
🔄 如果不满意，可以恢复默认的 JSON 配置
✨ 建议使用亚克力效果（AcrylicBrush）以保持与 Windows 11 设计风格一致

查看评论列表

暂无评论

发表评论取消回复

访客未填写邮箱

[填写昵称邮箱后可以评论]

插入代码

📖 文章导读

加载中

「Windhawk」🎨 Windows 11 任务栏样式器的 Squircle 主题 ⬜

🎨 Windows 11 任务栏样式器的 Squircle 主题 ⬜

⚠️ 注意事项

🎯 主题选择

🛠️ 手动安装

🌤️ 天气在左侧：

🌤️ 天气在右侧：

🎨 修改任务栏图标的背景颜色

📝 修改步骤：

💡 示例：将背景改为蓝色

🎨 修改系统托盘背景颜色

📝 修改文字颜色

💡 提示：

评论（0）

发表评论取消回复

插入代码

调查~(^///^)

北京时间 (Asia/Shanghai)

最新文章

「Geo」优化笔记 - 版本3

🎮「SCUM」个人笔记

「SCUM」物品整理 - 待解决记录

「Windhawk」🎨 Windows 11 任务栏样式器的 Squircle 主题 ⬜

「Windhawk」🎨 Windows 11 任务栏样式器的 Matter 主题

米卡 -「LycorisRecoil」

银幕不灭，故事无删

「Ai工具」电商+自媒体类

📃「Hugo-doc」项目开发文档

🔗 搜索引擎语法大全

「SCUM」1.1.0.0.99356更新-新物品

【失效】APlayer音乐播放器自定义CSS样式说明文档「盒子萌Lolimeow-🕊️纸鸢版」

日语学习资料

加载中

「Windhawk」🎨 Windows 11 任务栏样式器的 Squircle 主题 ⬜

🎨 Windows 11 任务栏样式器的 Squircle 主题 ⬜

⚠️ 注意事项

🎯 主题选择

🛠️ 手动安装

🌤️ 天气在左侧：

🌤️ 天气在右侧：

🎨 修改任务栏图标的背景颜色

📝 修改步骤：

💡 示例：将背景改为蓝色

🎨 修改系统托盘背景颜色

📝 修改文字颜色

💡 提示：

感谢您的支持

评论（0）

发表评论 取消回复

插入代码

调查~(^///^)

北京时间 (Asia/Shanghai)

最新文章

银幕不灭，故事无删

发表评论取消回复