年

新

乐

快

加载中

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

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

原MODS名称：Windows 11 Taskbar Styler

🎨 Windows 11 任务栏样式器的 Matter 主题 ✨

作者: ZoraizLajwer

☀️ 浅色模式

Light

🌙 深色模式

Preview
Left
Center

🔊 音量面板
 🔆 亮度面板

⚠️ 注意

天气图标旁边的小图标不是主题的一部分；它是一个独立的 Rainmeter 皮肤，也是我的另一个项目。你可以从
Spotibar 下载它。

📋 需要了解的事项

🖥️ 主题设计基于 Windows 11 - 23H2
🎭 兼容浅色和深色模式
🔤 从 Google Fonts 安装 Tektur 字体（时钟自定义需要）

🔧 获得类似效果所需的 Windhawk 模组

要获得类似效果，除了任务栏样式器外，还需要安装和配置以下 Windhawk 模组：

⏰ 任务栏时钟自定义 – 用于设置时钟样式。

{
  "ShowSeconds": 1,
  "TimeFormat": "hh':'mm':'ss tt",
  "DateFormat": "ddd' -' MMM dd",
  "WeekdayFormat": "dddd",
  "TopLine": "%date%",
  "BottomLine": "%time%",
  "MiddleLine": "%weekday%",
  "TooltipLine": "",
  "Width": 180,
  "Height": 60,
  "MaxWidth": 0,
  "TextSpacing": -1,
  "WebContentsUpdateInterval": 10,
  "TimeStyle.Visible": 1,
  "TimeStyle.TextColor": "",
  "TimeStyle.TextAlignment": "Center",
  "TimeStyle.FontSize": 0,
  "TimeStyle.FontFamily": "Tektur",
  "TimeStyle.FontWeight": "Medium",
  "TimeStyle.FontStyle": "",
  "TimeStyle.FontStretch": "",
  "TimeStyle.CharacterSpacing": 0,
  "DateStyle.TextColor": "",
  "DateStyle.TextAlignment": "Center",
  "DateStyle.FontSize": 0,
  "DateStyle.FontFamily": "Tektur",
  "DateStyle.FontWeight": "Medium",
  "DateStyle.FontStyle": "",
  "DateStyle.FontStretch": "",
  "DateStyle.CharacterSpacing": 0,
  "oldTaskbarOnWin11": 0
}

📐 任务栏高度和图标大小
要将按钮设置为正方形，将 任务栏按钮宽度 = 45
图标大小 = 23
任务栏高度 = 48

🎯 主题选择

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

📂 在 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": "Rectangle#BackgroundStroke",
  "controlStyles[1].styles[0]": "Fill := $transparent",
  "controlStyles[2].target": "Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl",
  "controlStyles[2].styles[0]": "Fill:=$base",
  "controlStyles[2].styles[1]": "CornerRadius = $mainRadius",
  "controlStyles[3].target": " Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton",
  "controlStyles[3].styles[0]": "Margin=-1,1,1,1",
  "controlStyles[4].target": "Taskbar.TaskListButtonPanel@CommonStates > Border#BackgroundElement",
  "controlStyles[4].styles[0]": "CornerRadius = $mainRadius",
  "controlStyles[4].styles[1]": "Background :=$base",
  "controlStyles[4].styles[2]": "Background@InactivePointerOver :=$overlay2",
  "controlStyles[4].styles[3]": "Background@ActivePointerOver:=$overlay",
  "controlStyles[4].styles[4]": "Background@ActiveNormal :=$active",
  "controlStyles[5].target": "Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.Name=Task View]",
  "controlStyles[5].styles[0]": "Margin=0,0,2,0",
  "controlStyles[6].target": "Taskbar.TaskListButton#TaskListButton[AutomationProperties.Name=Copilot] > Taskbar.TaskListLabeledButtonPanel#IconPanel > Border#BackgroundElement",
  "controlStyles[6].styles[0]": "Visibility = 1",
  "controlStyles[7].target": "Taskbar.SearchBoxButton",
  "controlStyles[7].styles[0]": "Margin=0,0,2,0",
  "controlStyles[8].target": "Border#BackgroundElement",
  "controlStyles[8].styles[0]": "BorderThickness=0",
  "controlStyles[9].target": "Taskbar.TaskListLabeledButtonPanel@CommonStates > Border#BackgroundElement",
  "controlStyles[9].styles[0]": "Background@InactiveNormal :=$base",
  "controlStyles[9].styles[1]": "Background@ActiveNormal :=$active",
  "controlStyles[9].styles[2]": "Background@InactivePointerOver :=$overlay2",
  "controlStyles[9].styles[3]": "Background@ActivePointerOver:=$overlay",
  "controlStyles[9].styles[4]": "CornerRadius = $mainRadius",
  "controlStyles[9].styles[5]": "Margin = 1,0,1,0",
  "controlStyles[9].styles[6]": "Background@MultiWindowNormal:=$base",
  "controlStyles[9].styles[7]": "Background@MultiWindowPointerOver:=$overlay2",
  "controlStyles[9].styles[8]": "Background@MultiWindowActive:=$active",
  "controlStyles[9].styles[9]": "Background@MultiWindowPressed:=$overlay",
  "controlStyles[10].target": "Border#MultiWindowElement",
  "controlStyles[10].styles[0]": "CornerRadius = $mainRadius",
  "controlStyles[10].styles[1]": "Padding = 7,0,8,0",
  "controlStyles[10].styles[2]": "Background :=$accentColor",
  "controlStyles[11].target": "Taskbar.TaskListLabeledButtonPanel > TextBlock#LabelControl",
  "controlStyles[11].styles[0]": "Margin=0,0,2,0",
  "controlStyles[12].target": "Taskbar.TaskListLabeledButtonPanel@RunningIndicatorStates > Rectangle#RunningIndicator",
  "controlStyles[12].styles[0]": "Fill := $inverseBW",
  "controlStyles[12].styles[1]": "RadiusX=1.5",
  "controlStyles[12].styles[2]": "RadiusY=1.5",
  "controlStyles[12].styles[3]": "Height=4",
  "controlStyles[12].styles[4]": "Width=12",
  "controlStyles[12].styles[5]": "Fill@ActiveRunningIndicator :=$accentColor",
  "controlStyles[12].styles[6]": "Width@ActiveRunningIndicator=21",
  "controlStyles[13].target": "Grid#SystemTrayFrameGrid",
  "controlStyles[13].styles[0]": "Background:=$base",
  "controlStyles[13].styles[1]": "CornerRadius = $mainRadius",
  "controlStyles[13].styles[2]": "Margin=0,5,12,5",
  "controlStyles[13].styles[3]": "Padding=5,0,0,0",
  "controlStyles[14].target": "Border#BackgroundBorder",
  "controlStyles[14].styles[0]": "Margin=2,5,2,5",
  "controlStyles[14].styles[1]": "CornerRadius=8",
  "controlStyles[14].styles[2]": "BorderThickness = 0",
  "controlStyles[15].target": "Grid#OverflowRootGrid > Border",
  "controlStyles[15].styles[0]": "Background:=$base",
  "controlStyles[15].styles[1]": "Shadow :=",
  "controlStyles[15].styles[2]": "CornerRadius = 14",
  "controlStyles[16].target": "Windows.UI.Xaml.Shapes.Rectangle#HorizontalTrackRect",
  "controlStyles[16].styles[0]": "Height = 8",
  "controlStyles[16].styles[1]": "Margin = 0",
  "controlStyles[16].styles[2]": "Fill := $overlay",
  "controlStyles[17].target": "Windows.UI.Xaml.Shapes.Rectangle#HorizontalDecreaseRect",
  "controlStyles[17].styles[0]": "Height = 8",
  "controlStyles[18].target": "Windows.UI.Xaml.Controls.TextBlock#volumeLevelText",
  "controlStyles[18].styles[0]": "FontFamily = Tektur",
  "controlStyles[18].styles[1]": "Margin = 0,-2,0,0",
  "controlStyles[19].target": "Windows.UI.Xaml.Controls.Grid#VolumeConfirmator",
  "controlStyles[19].styles[0]": "Padding = 8,0,3,0",
  "controlStyles[19].styles[1]": "CornerRadius = 20",
  "controlStyles[20].target": "Windows.UI.Xaml.Controls.Grid#ConfirmatorMainGrid",
  "controlStyles[20].styles[0]": "Background :=$base",
  "controlStyles[20].styles[1]": "CornerRadius = 14",
  "controlStyles[20].styles[2]": "BorderThickness = 0",
  "controlStyles[20].styles[3]": "Margin = 0,0,0,10",
  "controlStyles[20].styles[4]": "Shadow :=",
  "controlStyles[21].target": "Windows.UI.Xaml.Controls.Grid#BrightnessConfirmator",
  "controlStyles[21].styles[0]": "Padding = 15,0,17,0",
  "controlStyles[21].styles[1]": "CornerRadius = 20",
  "controlStyles[22].target": "Microsoft.UI.Xaml.Controls.AnimatedIcon#BrightnessIcon",
  "controlStyles[22].styles[0]": "Margin = 0,-1,12,0",
  "controlStyles[23].target": "Microsoft.UI.Xaml.Controls.ProgressBar#ProgressIndicator",
  "controlStyles[23].styles[0]": "Margin = 0,0,0,1",
  "controlStyles[24].target": " Windows.UI.Xaml.Shapes.Rectangle#ProgressBarTrack",
  "controlStyles[24].styles[0]": "Fill := $inverseBW",
  "controlStyles[24].styles[1]": "RadiusX = 1.5",
  "controlStyles[24].styles[2]": "RadiusY = 1.5",
  "controlStyles[25].target": " Windows.UI.Xaml.Shapes.Rectangle#DeterminateProgressBarIndicator",
  "controlStyles[25].styles[0]": "Fill :=$accentColor",
  "controlStyles[26].target": "Taskbar.TaskListButton#TaskListButton > Taskbar.TaskListLabeledButtonPanel#IconPanel > Microsoft.UI.Xaml.Controls.ProgressBar#ProgressIndicator",
  "controlStyles[26].styles[0]": "MinHeight = 4",
  "controlStyles[26].styles[1]": "Width = 26",
  "controlStyles[27].target": "Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter",
  "controlStyles[27].styles[0]": "BorderThickness = 0",
  "controlStyles[28].target": "Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.Name=Start]",
  "controlStyles[28].styles[0]": "Margin = 0,0,2,0",
  "controlStyles[29].target": "Taskbar.Badge#BadgeControl",
  "controlStyles[29].styles[0]": "Height = 14",
  "controlStyles[29].styles[1]": "MinWidth = 14",
  "controlStyles[29].styles[2]": "Margin = 0,0,0,0",
  "controlStyles[29].styles[3]": "CornerRadius = 20",
  "controlStyles[30].target": "Windows.UI.Xaml.Shapes.Rectangle#BackgroundRect",
  "controlStyles[30].styles[0]": "RadiusX = 4",
  "controlStyles[30].styles[1]": "RadiusY = 4",
  "controlStyles[31].target": "MenuFlyoutPresenter",
  "controlStyles[31].styles[0]": "Background := $base",
  "controlStyles[31].styles[1]": "Shadow :=",
  "controlStyles[31].styles[2]": "CornerRadius = 8",
  "controlStyles[32].target": "SearchUx.SearchUI.SearchButtonRootGrid@CommonStates > Border#BackgroundElement",
  "controlStyles[32].styles[0]": "Background@InactiveNormal :=$base",
  "controlStyles[32].styles[1]": "CornerRadius = 8",
  "styleConstants[0]": "mainRadius = 8",
  "styleConstants[1]": "transparent = <SolidColorBrush Color=\"Transparent\"\/>",
  "styleConstants[2]": "base = <AcrylicBrush TintColor=\"{ThemeResource SystemAltLowColor}\" TintOpacity=\"1\" TintLuminosityOpacity=\"0.7\" FallbackColor=\"{ThemeResource SystemChromeLowColor}\" />",
  "styleConstants[3]": "overlay = <AcrylicBrush TintColor=\"{ThemeResource SystemAltLowColor}\" TintOpacity=\"1\" TintLuminosityOpacity=\"0.8\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" />",
  "styleConstants[4]": "overlay2 = <AcrylicBrush TintColor=\"{ThemeResource SystemAltLowColor}\" TintOpacity=\"1\" TintLuminosityOpacity=\"0.5\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" />",
  "styleConstants[5]": "accentColor = <SolidColorBrush Color=\"{ThemeResource SystemAccentColor}\" Opacity = \"1\" />",
  "styleConstants[6]": "inverseBW = <SolidColorBrush Color=\"{ThemeResource SystemBaseHighColor}\" Opacity = \"1\" />",
  "styleConstants[7]": "active = <AcrylicBrush TintColor=\"{ThemeResource SystemAltLowColor}\" TintOpacity=\"1\" TintLuminosityOpacity=\"1\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" />"
}

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

要修改任务栏图标的背景颜色，你需要编辑 styleConstants 中的颜色定义。以下是各个颜色常量的说明：

常量名称	用途	默认颜色

`$base`	图标默认背景色	半透明亚克力效果
`$overlay`	鼠标悬停时活动窗口的背景色	较深的亚克力效果
`$overlay2`	鼠标悬停时非活动窗口的背景色	中等亚克力效果
`$active`	活动窗口的背景色	最深的亚克力效果
`$accentColor`	多窗口指示器的背景色	系统强调色
`$inverseBW`	运行指示器的颜色	系统基础高对比色

📝 修改步骤：

1、📂 在 Windhawk 中打开 Windows 11 任务栏样式器模组
2、🔧 进入"高级"选项卡
3、🎯 找到你想要修改的颜色常量（如 styleConstants[2] 对应 $base）
4、🎨 修改颜色值，例如：
- 使用纯色：
- 使用半透明色：
- 使用系统颜色：

💡 示例：将背景改为蓝色

将 styleConstants[2] 从：

"styleConstants[2]": "base = <AcrylicBrush TintColor=\"{ThemeResource SystemAltLowColor}\" TintOpacity=\"1\" TintLuminosityOpacity=\"0.7\" FallbackColor=\"{ThemeResource SystemChromeLowColor}\" />"

改为：

"styleConstants[2]": "base = <SolidColorBrush Color=\"#2196F3\" Opacity=\"0.8\"/>"

💡 提示：

🎨 颜色格式为 ARGB（Alpha, Red, Green, Blue）
🔍 可以使用在线颜色选择器获取颜色代码
💾 修改后点击保存即可看到效果
🔄 如果不满意，可以恢复默认的 JSON 配置

查看评论列表

暂无评论

发表评论取消回复

访客未填写邮箱

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

插入代码

📖 文章导读

加载中

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

🎨 Windows 11 任务栏样式器的 Matter 主题 ✨

☀️ 浅色模式

🌙 深色模式

⚠️ 注意

📋 需要了解的事项

🔧 获得类似效果所需的 Windhawk 模组

🎯 主题选择

🛠️ 手动安装

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

📝 修改步骤：

💡 示例：将背景改为蓝色

💡 提示：

评论（0）

发表评论取消回复

插入代码

调查~(^///^)

北京时间 (Asia/Shanghai)

最新文章

「Geo」优化笔记 - 版本3

🎮「SCUM」个人笔记

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

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

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

米卡 -「LycorisRecoil」

银幕不灭，故事无删

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

日语五十音 - 平假名与片假名+罗马音

「海外进口」CN禁止进口JP地区名单

LINE - 绕过区域限制完成安装与注册 - 亲测MIUI

⭕待开发功能文档✅

「LoliMeow」在源码中修改目录按钮显示与目录列表位置

加载中

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

🎨 Windows 11 任务栏样式器的 Matter 主题 ✨

☀️ 浅色模式

🌙 深色模式

⚠️ 注意

📋 需要了解的事项

🔧 获得类似效果所需的 Windhawk 模组

🎯 主题选择

🛠️ 手动安装

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

📝 修改步骤：

💡 示例：将背景改为蓝色

💡 提示：

感谢您的支持

评论（0）

发表评论 取消回复

插入代码

调查~(^///^)

北京时间 (Asia/Shanghai)

最新文章

银幕不灭，故事无删

发表评论取消回复