Skip to content

Commit bfd7b61

Browse files
m417zm417z
authored
Merge pull request #331 from Nathaniel4JC/main
Added theme "WindowGlass"
2 parents 0b4034b + 59f9072 commit bfd7b61

File tree

9 files changed

+231
-0
lines changed

9 files changed

+231
-0
lines changed

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -126,6 +126,7 @@ Taskbar Styler mod. The following themes are available:
126126
| [Matter](Themes/Matter/README.md) | [![Matter](Themes/Matter/screenshot.png)](Themes/Matter/screenshot.png)
127127
| [SimplyTransparent](Themes/SimplyTransparent/README.md) | [![SimplyTransparent](Themes/SimplyTransparent/screenshot.png)](Themes/SimplyTransparent/screenshot.png)
128128
| [Windows7](Themes/Windows7/README.md) | [![Windows7](Themes/Windows7/screenshot.png)](Themes/Windows7/screenshot.png)
129+
| [WindowGlass](Themes/WindowGlass/README.md) | [![WindowGlass](Themes/WindowGlass/TB_Centered.png)](Themes/WindowGlass/TB_Centered.png)
129130
| [Aeris](Themes/Aeris/README.md) | [![Aeris](Themes/Aeris/screenshot.png)](Themes/Aeris/screenshot.png)
130131
| [Plasma](Themes/Plasma/README.md) | [![Plasma](Themes/Plasma/screenshot.png)](Themes/Plasma/screenshot.png)
131132

‎Themes/WindowGlass/HUD_Brightness.png‎

4.16 KB
Loading

‎Themes/WindowGlass/HUD_Volume.png‎

5.28 KB
Loading

‎Themes/WindowGlass/README.md‎

Lines changed: 230 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,230 @@
1+
# WindowGlass theme for Windows 11 Taskbar Styler
2+
3+
A theme that adds a modern, glassy aesthetic with a compact, floating layout to the windows 11 Taskbar.
4+
5+
**Author**: [Nathaniel4JC](https://github.com/Nathaniel4JC)
6+
7+
## Left Aligned
8+
![Left](TB_Left.png)
9+
10+
## Center Aligned
11+
![Center](TB_Centered.png)
12+
13+
14+
## Note
15+
In order to make the taskbar look better, it's best that you install the 'Taskbar height and icon size' mod (Link) and use the following setting for the mod:
16+
<details>
17+
<summary>Click to expand JSON content</summary>
18+
19+
```json
20+
{
21+
"IconSize": 30,
22+
"TaskbarHeight": 70,
23+
"TaskbarButtonWidth": 44,
24+
"IconSizeSmall": 20,
25+
"TaskbarButtonWidthSmall": 30
26+
}
27+
28+
```
29+
</details>
30+
31+
## Bonus
32+
- This Theme also Styles additional parts of Windows 11, including:
33+
34+
- **Volume and Brightness HUD**
35+
![Volume HUD](HUD_Volume.png)
36+
![Brightness HUD](HUD_Brightness.png)
37+
38+
- **Window Snap Layout HUD**
39+
![Snap Layout Picker 1](Snap_Layout.png)
40+
![Snap Layout Picker 2](Snap_Layout_2.png)
41+
![Snap Layout Picker 3](Snap_Layout_1.png)
42+
43+
44+
## More Details about this theme
45+
- Theme is designed on Windows 11 - 24H2
46+
- Compatible with both Light/ Dark mode
47+
- Install [vivo Sans En VF](https://1drv.ms/u/c/67fedd4420ed716d/EXRoW1f5dABJrO2dPj0tbM0Bm1uYiGeoKyAYA7X7er2Zww?e=cLsiJJ)
48+
49+
## For a complete WindowGlass themed UI, download the following mods and use the 'WindowGlass' theme:
50+
- Windows 11 Start Menu Styler – for styling the Start Menu.
51+
- Windows 11 Notification Center Styler - for styling the Notification Center and Action Center
52+
- Windows 11 File Explorer Styler - for styling Windows Explorer windows
53+
54+
---
55+
56+
## Theme selection
57+
58+
The theme is integrated into the mod, and can be simply selected from the mod's
59+
settings:
60+
61+
* Open the Windows 11 Taskbar Styler mod in Windhawk.
62+
* Go to the "Settings" tab.
63+
* Select the theme and save the settings.
64+
65+
## Manual installation
66+
67+
The theme styles can also be imported manually. To do that, follow these steps:
68+
69+
* Open the Windows 11 Taskbar Styler mod in Windhawk.
70+
* Go to the "Advanced" tab.
71+
* Copy the content below to the text box under "Mod settings" and click "Save".
72+
73+
<details>
74+
<summary>Content to import (click to expand)</summary>
75+
76+
```json
77+
78+
{
79+
"controlStyles[0].target": "Taskbar.TaskbarFrame#TaskbarFrame",
80+
"controlStyles[0].styles[1]": "HorizontalAlignment=Auto",
81+
"controlStyles[0].styles[2]": "Width=Auto",
82+
"controlStyles[0].styles[0]": "MaxWidth:=900",
83+
"controlStyles[0].styles[3]": "MinWidth:=500",
84+
"controlStyles[1].styles[3]": "CornerRadius=$CornerRadius",
85+
"controlStyles[1].styles[4]": "Background:=$Background",
86+
"controlStyles[1].target": "Taskbar.TaskbarFrame#TaskbarFrame > Grid#RootGrid",
87+
"controlStyles[1].styles[0]": "Margin=30,0,30,5",
88+
"controlStyles[1].styles[1]": "BorderThickness=$BorderThickness",
89+
"controlStyles[1].styles[2]": "BorderBrush:=$BorderBrush",
90+
"controlStyles[2].target": "Rectangle#BackgroundFill",
91+
"controlStyles[2].styles[0]": "Visibility=Collapsed",
92+
"controlStyles[3].target": "Rectangle#BackgroundStroke",
93+
"controlStyles[3].styles[0]": "Visibility=Collapsed",
94+
"controlStyles[4].target": "Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton > Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel",
95+
"controlStyles[4].styles[0]": "Margin=4",
96+
"controlStyles[4].styles[1]": "Background:=$ElementBG",
97+
"controlStyles[4].styles[2]": "CornerRadius=12",
98+
"controlStyles[5].target": "Grid#SystemTrayFrameGrid",
99+
"controlStyles[5].styles[0]": "Margin=-20,7,35,7",
100+
"controlStyles[5].styles[1]": "RenderTransform:=<TranslateTransform X=\"-68\" Y=\"-2\"/>",
101+
"controlStyles[5].styles[2]": "Padding=0",
102+
"controlStyles[5].styles[3]": "Background:=$ElementBG",
103+
"controlStyles[5].styles[4]": "CornerRadius=12",
104+
"controlStyles[6].target": "SystemTray.ChevronIconView",
105+
"controlStyles[6].styles[0]": "Padding=$TrayPadding",
106+
"controlStyles[6].styles[1]": "CornerRadius=10",
107+
"controlStyles[7].target": "SystemTray.NotifyIconView#NotifyItemIcon",
108+
"controlStyles[7].styles[0]": "Padding=$TrayPadding",
109+
"controlStyles[7].styles[1]": "CornerRadius=10",
110+
"controlStyles[8].target": "SystemTray.OmniButton",
111+
"controlStyles[8].styles[0]": "Padding=$TrayPadding",
112+
"controlStyles[8].styles[1]": "CornerRadius=10",
113+
"controlStyles[9].target": "SystemTray.CopilotIcon",
114+
"controlStyles[9].styles[0]": "Padding=$TrayPadding",
115+
"controlStyles[10].target": "SystemTray.OmniButton#NotificationCenterButton > Grid > ContentPresenter > ItemsPresenter > StackPanel > ContentPresenter > systemtray:IconView#SystemTrayIcon > Grid",
116+
"controlStyles[10].styles[0]": "Padding=$TrayPadding",
117+
"controlStyles[11].target": "SystemTray.IconView#SystemTrayIcon > Grid#ContainerGrid > ContentPresenter#ContentPresenter > Grid#ContentGrid > SystemTray.TextIconContent > Grid#ContainerGrid",
118+
"controlStyles[11].styles[0]": "Padding=10",
119+
"controlStyles[11].styles[1]": "CornerRadius=10",
120+
"controlStyles[12].target": "SystemTray.StackListView#IconStack > ItemsPresenter > StackPanel > ContentPresenter > SystemTray.IconView#SystemTrayIcon",
121+
"controlStyles[12].styles[0]": "Padding=0",
122+
"controlStyles[13].target": "SystemTray.Stack#ShowDesktopStack",
123+
"controlStyles[13].styles[0]": "Visibility=Visible",
124+
"controlStyles[14].target": "Taskbar.Gripper#GripperControl",
125+
"controlStyles[14].styles[0]": "Width=Auto",
126+
"controlStyles[14].styles[1]": "MinWidth=24",
127+
"controlStyles[15].target": "SystemTray.SystemTrayFrame",
128+
"controlStyles[15].styles[0]": "HorizontalAlignment=1",
129+
"controlStyles[15].styles[1]": "RenderTransform:=<TranslateTransform X=\"399\" />",
130+
"controlStyles[16].target": "Windows.UI.Xaml.Controls.Grid#AugmentedEntryPointContentGrid",
131+
"controlStyles[16].styles[0]": "Margin=4,0,0,0",
132+
"controlStyles[16].styles[1]": "HorizontalAlignment=Left",
133+
"controlStyles[17].target": "TextBlock#TimeInnerTextBlock",
134+
"controlStyles[17].styles[0]": "FontSize=13",
135+
"controlStyles[17].styles[1]": "FontFamily=vivo Sans EN VF",
136+
"controlStyles[17].styles[2]": "Margin=0",
137+
"controlStyles[17].styles[3]": "Padding=0",
138+
"controlStyles[17].styles[4]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"0\" />",
139+
"controlStyles[18].target": "TextBlock#DateInnerTextBlock",
140+
"controlStyles[18].styles[0]": "Visibility=Collapsed",
141+
"controlStyles[18].styles[1]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"-9\" />",
142+
"controlStyles[18].styles[2]": "FontSize=11",
143+
"controlStyles[18].styles[3]": "FontFamily=vivo Sans EN VF",
144+
"controlStyles[19].target": "TextBlock#InnerTextBlock[Text=]",
145+
"controlStyles[19].styles[0]": "Text=",
146+
"theme": "",
147+
"controlStyles[20].target": "Windows.UI.Xaml.Controls.Grid#ConfirmatorMainGrid",
148+
"controlStyles[20].styles[0]": "CornerRadius=22",
149+
"controlStyles[20].styles[1]": "BorderThickness=$BorderThickness",
150+
"controlStyles[20].styles[2]": "BorderBrush:=$BorderBrush",
151+
"controlStyles[20].styles[3]": "Background:=$Background",
152+
"controlStyles[21].target": "TextBlock#SearchBoxTextBlock",
153+
"controlStyles[21].styles[0]": "Text=Search This Precision",
154+
"controlStyles[21].styles[1]": "FontSize=10",
155+
"controlStyles[21].styles[2]": "FontFamily=vivo Sans EN VF",
156+
"controlStyles[22].target": "SystemTray.OmniButton#NotificationCenterButton > Grid > ContentPresenter > ItemsPresenter > StackPanel > ContentPresenter > SystemTray.IconView#SystemTrayIcon > Grid > Grid > SystemTray.TextIconContent",
157+
"controlStyles[22].styles[0]": "Visibility=Collapsed",
158+
"controlStyles[23].target": "Windows.UI.Xaml.Controls.Button",
159+
"controlStyles[23].styles[0]": "BorderThickness=$BorderThickness",
160+
"controlStyles[24].target": "Windows.UI.Xaml.Controls.Border#OverflowFlyoutBackgroundBorder",
161+
"controlStyles[24].styles[0]": "BorderThickness=$BorderThickness",
162+
"controlStyles[24].styles[1]": "BorderBrush:=$BorderBrush",
163+
"controlStyles[24].styles[2]": "Background:=$Background",
164+
"controlStyles[24].styles[3]": "CornerRadius=$CornerRadius",
165+
"controlStyles[25].target": "Windows.UI.Xaml.Controls.Grid#ModalRootGrid > Windows.UI.Xaml.Controls.Border#BackgroundElement",
166+
"controlStyles[25].styles[0]": "BorderThickness=$BorderThickness",
167+
"controlStyles[25].styles[1]": "BorderBrush:=$BorderBrush",
168+
"controlStyles[25].styles[2]": "Background:=$Background",
169+
"controlStyles[25].styles[3]": "CornerRadius=20",
170+
"controlStyles[26].target": "WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopBarElement#VirtualDesktopBar",
171+
"controlStyles[26].styles[0]": "Width=1000",
172+
"controlStyles[26].styles[1]": "Visibility=Collapsed",
173+
"controlStyles[26].styles[2]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"60\" />",
174+
"controlStyles[26].styles[3]": "CornerRadius=$CornerRadius",
175+
"controlStyles[27].target": "Windows.UI.Xaml.Controls.Border#BackgroundDimmingLayer",
176+
"controlStyles[27].styles[0]": "Background:=$Background",
177+
"controlStyles[28].target": "Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel > Windows.UI.Xaml.Controls.Border#BackgroundElement",
178+
"controlStyles[28].styles[0]": "CornerRadius=10",
179+
"controlStyles[29].target": "Taskbar.TaskListButton#TaskListButton",
180+
"controlStyles[29].styles[0]": "CornerRadius=10",
181+
"controlStyles[30].target": "Windows.UI.Xaml.Controls.Border#SnapBarBorder",
182+
"controlStyles[30].styles[0]": "Background:=$Background",
183+
"controlStyles[30].styles[1]": "BorderBrush:=$BorderBrush",
184+
"controlStyles[30].styles[2]": "CornerRadius=$CornerRadius",
185+
"controlStyles[30].styles[3]": "BorderThickness=$BorderThickness",
186+
"controlStyles[30].styles[4]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"10\" />",
187+
"controlStyles[30].styles[5]": "Margin=0,0,0,-10",
188+
"controlStyles[31].target": "Windows.UI.Xaml.Controls.Border#SnapPickerBorder",
189+
"controlStyles[31].styles[0]": "Background:=$Background",
190+
"controlStyles[31].styles[1]": "BorderBrush:=$BorderBrush",
191+
"controlStyles[31].styles[2]": "CornerRadius=$CornerRadius",
192+
"controlStyles[31].styles[3]": "BorderThickness=$BorderThickness",
193+
"controlStyles[32].target": "Windows.UI.Xaml.Controls.Border#SearchPillBackgroundElement",
194+
"controlStyles[32].styles[0]": "BorderBrush:=$ElementBorderBrush",
195+
"controlStyles[32].styles[1]": "CornerRadius=$ElementCornerRadius",
196+
"controlStyles[32].styles[2]": "BorderThickness=$ElementBorderThickness",
197+
"controlStyles[33].target": "Taskbar.TaskbarExtensionElement",
198+
"controlStyles[33].styles[0]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"0\" />",
199+
"controlStyles[34].target": "Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel",
200+
"controlStyles[34].styles[0]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"0\" />",
201+
"controlStyles[32].styles[3]": "Margin=0",
202+
"controlStyles[35].target": "Windows.UI.Xaml.Controls.ToolTip > Windows.UI.Xaml.Controls.ContentPresenter#LayoutRoot",
203+
"controlStyles[35].styles[0]": "Background:=$Background",
204+
"controlStyles[35].styles[1]": "BorderBrush:=$BorderBrush",
205+
"controlStyles[35].styles[2]": "BorderThickness:=$BorderThickness",
206+
"controlStyles[35].styles[3]": "CornerRadius=12",
207+
"controlStyles[36].target": "SearchUx.SearchUI.SearchButtonControl",
208+
"controlStyles[36].styles[0]": "Width=130",
209+
"controlStyles[36].styles[1]": "Margin=-1,7,-1,7",
210+
"controlStyles[37].target": "WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopBarElement > Windows.UI.Xaml.Controls.Grid#GridElement > Windows.UI.Xaml.Controls.Border#VirtualDesktopSwitcherBackground",
211+
"controlStyles[37].styles[0]": "Background:=$Background",
212+
"controlStyles[37].styles[1]": "BorderBrush:=$BorderBrush",
213+
"controlStyles[37].styles[2]": "BorderThickness=$BorderThickness",
214+
"controlStyles[37].styles[3]": "CornerRadius=$CornerRadius",
215+
"styleConstants[0]": "Background=<WindhawkBlur BlurAmount=\"15\" TintColor=\"#10808080\"/>",
216+
"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>",
217+
"resourceVariables[0].variableKey": "",
218+
"resourceVariables[0].value": "",
219+
"styleConstants[2]": "BorderThickness=0.3,1,0.3,0.3",
220+
"styleConstants[3]": "CornerRadius=15",
221+
"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>",
222+
"styleConstants[5]": "Background2=<AcrylicBrush TintColor=\"{ThemeResource SystemChromeAltHighColor}\" TintOpacity=\"0.3\" FallbackColor=\"{ThemeResource SystemChromeAltHighColor}\" />",
223+
"styleConstants[6]": "TrayPadding=2",
224+
"styleConstants[7]": "ElementBG=<SolidColorBrush Color=\"{ThemeResource SystemChromeAltHighColor}\" Opacity=\"0.1\" />",
225+
"styleConstants[8]": "ElementBorderThickness=0.3,0.3,0.3,1",
226+
"styleConstants[9]": "ElementBorderBrush=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\"><GradientStop Color=\"#50808080\" Offset=\"1\" /><GradientStop Color=\"#50606060\" Offset=\"0.15\" /></LinearGradientBrush>",
227+
"styleConstants[10]": "ElementCornerRadius=12"
228+
}
229+
```
230+
</details>

‎Themes/WindowGlass/Snap_Layout.png‎

18.5 KB
Loading

‎Themes/WindowGlass/Snap_Layout_1.png‎

74.4 KB
Loading

‎Themes/WindowGlass/Snap_Layout_2.png‎

44.6 KB
Loading

‎Themes/WindowGlass/TB_Centered.png‎

261 KB
Loading

‎Themes/WindowGlass/TB_Left.png‎

198 KB
Loading

0 commit comments

Comments
 (0)