Frost Glass Taskbar Style For Windows 11

Frost Glass Taskbar Style For Windows 11

Frost Glass Taskbar Style adds a crystal-clear frosted glass effect to the Windows taskbar, featuring smooth blur, refined transparency, and a modern aesthetic look . It delivers a sleek, premium look while remaining lightweight and customizable.

Frost Glass Taskbar Style For Windows 11

Frost Glass Taskbar Style For Windows 11

Frost Glass Taskbar Style For Windows 11 gives the Windows 11 taskbar a clean floating glass design with soft transparency, rounded corners, and a subtle blurred background. Instead of keeping everything inside one long taskbar panel, the layout separates the main controls into distinct sections for a more open and organized desktop.

The Start button and Search sit on the left, pinned and running apps stay centered, while the system tray and clock remain grouped on the right. The layout keeps the familiar Windows 11 controls easy to reach while giving the taskbar a more customized look.

Three-Part Floating Taskbar Layout

The main feature of Frost Glass is its separated taskbar layout. Each area gets its own space instead of being placed inside one continuous full-width bar.

  • Left section for the Start button and Search
  • Center section for pinned and running apps
  • Right section for system tray icons and the clock

The spacing between these sections leaves more of the wallpaper visible and helps the taskbar feel lighter on the desktop.

Soft Frosted Glass Design

The taskbar uses a translucent background with a soft blur effect, rounded corners, and subtle borders. The glass surface keeps the taskbar easy to read while allowing some of the desktop colors behind it to remain visible.

Dark and simple wallpapers work especially well with this style because they make the transparent sections easier to notice without making the desktop look too busy.

Download Windhawk To Use The Style

  1. Windhawk

Compatibility

  1. Windows 11 21H2: Not tested
  2. Windows 11 22H2: Not tested
  3. Windows 11 23H2: Not tested
  4. Windows 11 24H2: Not tested
  5. Windows 11 25H2: Yes

Windows updates can sometimes change taskbar elements used by customization tools. If the style stops applying correctly after an update, check for the latest Windhawk and mod updates before changing the configuration.

How to Install Frost Glass Taskbar Style

  1. Download and install Windhawk.
  2. Open Windhawk and install the Windows 11 Taskbar Styler mod.
  3. Open the mod settings and go to the Advanced tab.
  4. Copy the Taskbar configuration provided below.
  5. Paste it into the text box under Mod settings.
  6. Click Save to apply the style.

Matching Start Menu & Explorer Styles

You can also use the matching Start Menu and File Explorer styles if you want the same Frost Glass design across more parts of Windows 11.

  1. Frost Glass Ultra Start Menu Style
  2. Frosted Glass Explorer Style

Frost Glass Taskbar Configuration

Copy the configuration below and paste it into the Advanced section of the Windows 11 Taskbar Styler mod.

{
  "controlStyles[0].target": "Taskbar.TaskbarFrame#TaskbarFrame, Taskbar.TaskbarFrame",
  "controlStyles[0].styles[0]": "MaxWidth=1600",
  "controlStyles[0].styles[1]": "HorizontalAlignment=Auto",
  "controlStyles[0].styles[2]": "Width=Auto",
  "controlStyles[0].styles[3]": "MinWidth=1600",
  "controlStyles[1].target": "Taskbar.TaskbarFrame#TaskbarFrame > Grid#RootGrid, Taskbar.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, Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton > Taskbar.TaskListButtonPanel",
  "controlStyles[4].styles[0]": "Margin=4",
  "controlStyles[4].styles[1]": "Background:=$ElementBG",
  "controlStyles[4].styles[2]": "CornerRadius=10",
  "controlStyles[4].styles[3]": "HorizontalAlignment=Left",
  "controlStyles[5].target": "StackPanel#SystemTrayFrameGrid, Grid#SystemTrayFrameGrid",
  "controlStyles[5].styles[0]": "Margin=0,0,-250,0",
  "controlStyles[5].styles[1]": "RenderTransform:=<TranslateTransform X=\"-435\" Y=\"-2\"/>",
  "controlStyles[5].styles[2]": "Padding=10",
  "controlStyles[5].styles[3]": "Background:=$ElementBG",
  "controlStyles[5].styles[4]": "CornerRadius=10",
  "controlStyles[5].styles[5]": "VerticalAlignment=Left",
  "controlStyles[6].target": "SystemTray.ChevronIconView",
  "controlStyles[6].styles[0]": "Padding=$TrayPadding",
  "controlStyles[6].styles[1]": "CornerRadius=10",
  "controlStyles[7].target": "SystemTray.NotifyIconView#NotifyItemIcon, SystemTray.NotifyIconView",
  "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, 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=0",
  "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": "Windows.UI.Xaml.Controls.Grid#AugmentedEntryPointContentGrid",
  "controlStyles[15].styles[0]": "Margin=4,0,0,0",
  "controlStyles[15].styles[1]": "HorizontalAlignment=Left",
  "controlStyles[16].target": "TextBlock#TimeInnerTextBlock",
  "controlStyles[16].styles[0]": "FontSize=18",
  "controlStyles[16].styles[1]": "FontFamily=Quantico",
  "controlStyles[16].styles[2]": "Margin=0",
  "controlStyles[16].styles[3]": "Padding=0",
  "controlStyles[16].styles[4]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"1\" />",
  "controlStyles[17].target": "TextBlock#DateInnerTextBlock",
  "controlStyles[17].styles[0]": "Visibility=Collapsed",
  "controlStyles[17].styles[1]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"-9\" />",
  "controlStyles[17].styles[2]": "FontSize=11",
  "controlStyles[17].styles[3]": "FontFamily=vivo Sans EN VF",
  "controlStyles[18].target": "TextBlock#InnerTextBlock[Text=]",
  "controlStyles[18].styles[0]": "Text=",
  "controlStyles[19].target": "Windows.UI.Xaml.Controls.Grid#ConfirmatorMainGrid",
  "controlStyles[19].styles[0]": "CornerRadius=22",
  "controlStyles[19].styles[1]": "BorderThickness=$BorderThickness",
  "controlStyles[19].styles[2]": "BorderBrush:=$BorderBrush",
  "controlStyles[19].styles[3]": "Background:=$Background",
  "controlStyles[20].target": "TextBlock#SearchBoxTextBlock",
  "controlStyles[20].styles[0]": "Text=Search ",
  "controlStyles[20].styles[1]": "FontSize=10",
  "controlStyles[20].styles[2]": "FontFamily=vivo Sans EN VF",
  "controlStyles[21].target": "SystemTray.OmniButton#NotificationCenterButton > Grid > ContentPresenter > ItemsPresenter > StackPanel > ContentPresenter > SystemTray.IconView#SystemTrayIcon > Grid > Grid > SystemTray.TextIconContent",
  "controlStyles[21].styles[0]": "Visibility=Visible",
  "controlStyles[22].target": "Windows.UI.Xaml.Controls.Button",
  "controlStyles[22].styles[0]": "BorderThickness=$BorderThickness",
  "controlStyles[23].target": "Windows.UI.Xaml.Controls.Border#OverflowFlyoutBackgroundBorder",
  "controlStyles[23].styles[0]": "BorderThickness=$BorderThickness",
  "controlStyles[23].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[23].styles[2]": "Background:=$Background",
  "controlStyles[23].styles[3]": "CornerRadius=$CornerRadius",
  "controlStyles[24].target": "Windows.UI.Xaml.Controls.Grid#ModalRootGrid > Windows.UI.Xaml.Controls.Border#BackgroundElement",
  "controlStyles[24].styles[0]": "BorderThickness=$BorderThickness",
  "controlStyles[24].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[24].styles[2]": "Background:=$Background",
  "controlStyles[24].styles[3]": "CornerRadius=20",
  "controlStyles[25].target": "WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopBarElement#VirtualDesktopBar",
  "controlStyles[25].styles[0]": "Width=1000",
  "controlStyles[25].styles[1]": "Visibility=Collapsed",
  "controlStyles[25].styles[2]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"60\" />",
  "controlStyles[25].styles[3]": "CornerRadius=$CornerRadius",
  "controlStyles[26].target": "Windows.UI.Xaml.Controls.Border#BackgroundDimmingLayer",
  "controlStyles[26].styles[0]": "Background:=$Background",
  "controlStyles[27].target": "Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel > Grid > Border#BackgroundElement, Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel > Windows.UI.Xaml.Controls.Border#BackgroundElement, Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel > Border#BackgroundElement",
  "controlStyles[27].styles[0]": "CornerRadius=10",
  "controlStyles[28].target": "Taskbar.TaskListButton#TaskListButton",
  "controlStyles[28].styles[0]": "CornerRadius=10",
  "controlStyles[29].target": "Windows.UI.Xaml.Controls.Border#SnapBarBorder",
  "controlStyles[29].styles[0]": "Background:=$Background",
  "controlStyles[29].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[29].styles[2]": "CornerRadius=$CornerRadius",
  "controlStyles[29].styles[3]": "BorderThickness=$BorderThickness",
  "controlStyles[29].styles[4]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"10\" />",
  "controlStyles[29].styles[5]": "Margin=0,0,0,-10",
  "controlStyles[30].target": "Windows.UI.Xaml.Controls.Border#SnapPickerBorder",
  "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[31].target": "SearchUx.SearchUI.SearchButtonRootGrid#SearchBoxButtonRootPanel > Grid > Border#SearchPillBackgroundElement, SearchUx.SearchUI.SearchButtonRootGrid#SearchBoxButtonRootPanel > Border#SearchPillBackgroundElement, Windows.UI.Xaml.Controls.Border#SearchPillBackgroundElement",
  "controlStyles[31].styles[0]": "BorderBrush:=$ElementBorderBrush",
  "controlStyles[31].styles[1]": "CornerRadius=$ElementCornerRadius",
  "controlStyles[31].styles[2]": "BorderThickness=$ElementBorderThickness",
  "controlStyles[31].styles[3]": "Margin=0",
  "controlStyles[32].target": "Taskbar.TaskbarExtensionElement",
  "controlStyles[32].styles[0]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"0\" />",
  "controlStyles[33].target": "Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel",
  "controlStyles[33].styles[0]": "RenderTransform:=<TranslateTransform X=\"0\" Y=\"0\" />",
  "controlStyles[34].target": "Windows.UI.Xaml.Controls.ToolTip > Windows.UI.Xaml.Controls.ContentPresenter#LayoutRoot",
  "controlStyles[34].styles[0]": "Background:=$Background",
  "controlStyles[34].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[34].styles[2]": "BorderThickness=$BorderThickness",
  "controlStyles[34].styles[3]": "CornerRadius=12",
  "controlStyles[35].target": "SearchUx.SearchUI.SearchButtonControl",
  "controlStyles[35].styles[0]": "Width=130",
  "controlStyles[35].styles[1]": "Margin=-1,7,-1,7",
  "controlStyles[36].target": "WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopBarElement > Windows.UI.Xaml.Controls.Grid#GridElement > Windows.UI.Xaml.Controls.Border#VirtualDesktopSwitcherBackground",
  "controlStyles[36].styles[0]": "Background:=$Background",
  "controlStyles[36].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[36].styles[2]": "BorderThickness=$BorderThickness",
  "controlStyles[36].styles[3]": "CornerRadius=$CornerRadius",
  "styleConstants[0]": "Background=<WindhawkBlur BlurAmount=\"15\" TintColor=\"#20808080\"/>",
  "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=10",
  "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",
  "resourceVariables[0].variableKey": "",
  "resourceVariables[0].value": ""
}

Optional Matching Notification Center Style

A matching Notification Center configuration is included for users who want the same rounded glass look across the notification, calendar, and quick settings areas.

This part is optional. Install the Windows 11 Notification Center Styler mod in Windhawk, open its Advanced tab, and paste the configuration below into Mod settings.

{
  "controlStyles[0].target": "Grid#NotificationCenterGrid",
  "controlStyles[0].styles[0]": "Background:=$Background",
  "controlStyles[0].styles[1]": "BorderThickness=$BorderThickness",
  "controlStyles[0].styles[2]": "CornerRadius=$CornerRadius",
  "controlStyles[0].styles[3]": "BorderBrush:=$BorderBrush",
  "controlStyles[1].target": "Grid#CalendarCenterGrid",
  "controlStyles[1].styles[0]": "Background:=$Background",
  "controlStyles[1].styles[1]": "BorderThickness=$BorderThickness",
  "controlStyles[1].styles[2]": "CornerRadius=$CornerRadius",
  "controlStyles[1].styles[3]": "Margin=0,6,0,6",
  "controlStyles[1].styles[4]": "MinHeight=40",
  "controlStyles[1].styles[5]": "BorderBrush:=$BorderBrush",
  "controlStyles[2].target": "ScrollViewer#CalendarControlScrollViewer",
  "controlStyles[2].styles[0]": "Background:=$ElementBG",
  "controlStyles[2].styles[1]": "CornerRadius=$r2",
  "controlStyles[2].styles[2]": "Margin=-10,11,-10,-14",
  "controlStyles[2].styles[3]": "BorderBrush:=$ElementBorderBrush",
  "controlStyles[2].styles[4]": "BorderThickness=$ElementBorderThickness",
  "controlStyles[3].target": "Border#CalendarHeaderMinimizedOverlay",
  "controlStyles[3].styles[0]": "Background:=$ElementBG",
  "controlStyles[3].styles[1]": "CornerRadius=$r2",
  "controlStyles[3].styles[2]": "Margin=-10,-6,-10,-8",
  "controlStyles[3].styles[3]": "Height=45",
  "controlStyles[3].styles[4]": "BorderBrush:=$ElementBorderBrush",
  "controlStyles[3].styles[5]": "BorderThickness=$ElementBorderThickness",
  "controlStyles[4].target": "ActionCenter.FocusSessionControl#FocusSessionControl > Grid#FocusGrid",
  "controlStyles[4].styles[0]": "Background:=$Background",
  "controlStyles[4].styles[1]": "CornerRadius=$r2",
  "controlStyles[4].styles[2]": "Margin=6,7,6,6",
  "controlStyles[4].styles[3]": "BorderThickness=$BorderThickness",
  "controlStyles[4].styles[4]": "BorderBrush:=$BorderBrush",
  "controlStyles[5].target": "MenuFlyoutPresenter",
  "controlStyles[5].styles[0]": "Background:=$Background",
  "controlStyles[5].styles[1]": "BorderThickness=$BorderThickness",
  "controlStyles[5].styles[2]": "CornerRadius=$r3",
  "controlStyles[5].styles[3]": "Padding=1,2,1,2",
  "controlStyles[5].styles[4]": "BorderBrush:=$BorderBrush",
  "controlStyles[6].target": "Border#JumpListRestyledAcrylic",
  "controlStyles[6].styles[0]": "Background:=$Background",
  "controlStyles[6].styles[1]": "BorderThickness=$BorderThickness",
  "controlStyles[6].styles[2]": "CornerRadius=$r3",
  "controlStyles[6].styles[3]": "Margin=-2,-2,-2,-2",
  "controlStyles[6].styles[4]": "BorderBrush:=$BorderBrush",
  "controlStyles[7].target": "Windows.UI.Xaml.Controls.Grid#ControlCenterRegion",
  "controlStyles[7].styles[0]": "Background:=$Background",
  "controlStyles[7].styles[1]": "CornerRadius=$CornerRadius",
  "controlStyles[7].styles[2]": "BorderThickness=$BorderThickness",
  "controlStyles[7].styles[3]": "BorderBrush:=$BorderBrush",
  "controlStyles[7].styles[4]": "Height=Auto",
  "controlStyles[7].styles[5]": "MaxHeight:=380",
  "controlStyles[7].styles[6]": "MinHeight:=300",
  "controlStyles[8].target": "ContentPresenter#PageContent",
  "controlStyles[8].styles[0]": "Background:=$transparent",
  "controlStyles[9].target": "ContentPresenter#PageContent > Grid > Border",
  "controlStyles[9].styles[0]": "Background:=$overlay",
  "controlStyles[9].styles[1]": "CornerRadius=$r2",
  "controlStyles[9].styles[2]": "Margin=8,0,8,2",
  "controlStyles[10].target": "QuickActions.ControlCenter.AccessibleWindow#PageWindow > ContentPresenter > Grid#FullScreenPageRoot",
  "controlStyles[10].styles[0]": "Background:=$transparent",
  "controlStyles[11].target": "QuickActions.ControlCenter.AccessibleWindow#PageWindow > ContentPresenter > Grid#FullScreenPageRoot > ContentPresenter#PageHeader",
  "controlStyles[11].styles[0]": "Background:=$overlay",
  "controlStyles[11].styles[1]": "CornerRadius=$r2",
  "controlStyles[11].styles[2]": "Margin=7,7,7,7",
  "controlStyles[12].target": "ScrollViewer#ListContent",
  "controlStyles[12].styles[0]": "Background:=$overlay",
  "controlStyles[12].styles[1]": "CornerRadius=$r2",
  "controlStyles[12].styles[2]": "Margin=8,0,8,0",
  "controlStyles[13].target": "ActionCenter.FlexibleToastView#FlexibleNormalToastView",
  "controlStyles[13].styles[0]": "Background:=$transparent",
  "controlStyles[14].target": "Border#ToastBackgroundBorder2",
  "controlStyles[14].styles[0]": "Background:=$Background",
  "controlStyles[14].styles[1]": "BorderThickness=$BorderThickness",
  "controlStyles[14].styles[2]": "CornerRadius=16",
  "controlStyles[14].styles[3]": "BorderBrush:=$BorderBrush",
  "controlStyles[15].target": "JumpViewUI.SystemItemListViewItem > Grid#LayoutRoot > Border#BackgroundBorder",
  "controlStyles[15].styles[0]": "Background:=Trabsparent",
  "controlStyles[15].styles[1]": "CornerRadius=8",
  "controlStyles[16].target": "JumpViewUI.JumpListListViewItem > Grid#LayoutRoot > Border#BackgroundBorder",
  "controlStyles[16].styles[0]": "CornerRadius=6",
  "controlStyles[17].target": "ActionCenter.FlexibleItemView",
  "controlStyles[17].styles[0]": "CornerRadius=16",
  "controlStyles[18].target": "Grid#NotificationCenterTopBanner",
  "controlStyles[18].styles[0]": "Background:=Transparent",
  "controlStyles[18].styles[1]": "CornerRadius=$r2",
  "controlStyles[18].styles[2]": "Margin=6",
  "controlStyles[19].target": "Windows.UI.Xaml.Controls.Grid#L1Grid > Border",
  "controlStyles[19].styles[0]": "Background:=$transparent",
  "controlStyles[20].target": "Windows.UI.Xaml.Controls.ContentPresenter",
  "controlStyles[20].styles[0]": "BorderThickness=0",
  "controlStyles[21].target": "Windows.UI.Xaml.Controls.Button#FooterButton[AutomationProperties.Name=Edit quick settings]",
  "controlStyles[21].styles[0]": "Margin=0,0,8,0",
  "controlStyles[21].styles[1]": "CornerRadius=$r3",
  "controlStyles[22].target": "Windows.UI.Xaml.Controls.Button[AutomationProperties.AutomationId=Microsoft.QuickAction.Battery]",
  "controlStyles[22].styles[0]": "Margin=2,0,0,0",
  "controlStyles[22].styles[1]": "CornerRadius=$r3",
  "controlStyles[23].target": "Windows.UI.Xaml.Controls.Button#FooterButton[AutomationProperties.Name=All settings]",
  "controlStyles[23].styles[0]": "Margin=0,0,-1,0",
  "controlStyles[23].styles[1]": "CornerRadius=13",
  "controlStyles[23].styles[2]": "BorderThickness=$BorderThickness",
  "controlStyles[24].target": "Windows.UI.Xaml.Controls.Button[AutomationProperties.AutomationId=Microsoft.QuickAction.Volume]",
  "controlStyles[24].styles[0]": "CornerRadius=10",
  "controlStyles[25].target": "Windows.UI.Xaml.Controls.Button#VolumeL2Button[AutomationProperties.Name=Select a sound output]",
  "controlStyles[25].styles[0]": "CornerRadius=10",
  "controlStyles[26].target": "Windows.UI.Xaml.Shapes.Rectangle#HorizontalTrackRect",
  "controlStyles[26].styles[0]": "Height=10",
  "controlStyles[26].styles[1]": "Fill:=$overlay",
  "controlStyles[26].styles[2]": "RadiusY=5",
  "controlStyles[26].styles[3]": "RadiusX=5",
  "controlStyles[26].styles[4]": "Margin=0,-10,10,-10",
  "controlStyles[27].target": "Windows.UI.Xaml.Shapes.Rectangle#HorizontalDecreaseRect",
  "controlStyles[27].styles[0]": "Height=10",
  "controlStyles[27].styles[1]": "RadiusY=5",
  "controlStyles[27].styles[2]": "RadiusX=5",
  "controlStyles[27].styles[3]": "Margin=0,-10,-10,-10",
  "controlStyles[28].target": "Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb",
  "controlStyles[28].styles[0]": "Visibility=Visible",
  "controlStyles[28].styles[1]": "Height=25",
  "controlStyles[28].styles[2]": "Width=40",
  "controlStyles[28].styles[3]": "Margin=0",
  "controlStyles[29].target": "Windows.UI.Xaml.Controls.Grid#MediaTransportControlsRegion",
  "controlStyles[29].styles[0]": "Height=140",
  "controlStyles[29].styles[1]": "CornerRadius=$CornerRadius",
  "controlStyles[29].styles[2]": "BorderThickness=$BorderThickness",
  "controlStyles[29].styles[3]": "Background:=$Background",
  "controlStyles[29].styles[4]": "Margin=0,10,0,10",
  "controlStyles[29].styles[5]": "BorderBrush:=$BorderBrush",
  "controlStyles[29].styles[6]": "Grid.Row=1",
  "controlStyles[30].target": "Windows.UI.Xaml.Controls.Grid#AlbumTextAndArtContainer",
  "controlStyles[30].styles[0]": "Height=55",
  "controlStyles[30].styles[1]": "MaxWidth:=150",
  "controlStyles[30].styles[2]": "HorizontalAlignment=Left",
  "controlStyles[31].target": "Windows.UI.Xaml.Controls.Grid#ThumbnailImage",
  "controlStyles[31].styles[0]": "Visibility=1",
  "controlStyles[32].target": "Windows.UI.Xaml.Controls.StackPanel#PrimaryAndSecondaryTextContainer",
  "controlStyles[32].styles[0]": "VerticalAlignment=Center",
  "controlStyles[32].styles[1]": "HorizontalAlignment=Left",
  "controlStyles[32].styles[2]": "Margin=0,0,10,0",
  "controlStyles[33].target": "Windows.UI.Xaml.Controls.StackPanel#PrimaryAndSecondaryTextContainer > Windows.UI.Xaml.Controls.TextBlock#Title",
  "controlStyles[33].styles[0]": "TextAlignment=Center",
  "controlStyles[33].styles[1]": "FontSize=18",
  "controlStyles[34].target": "Windows.UI.Xaml.Controls.StackPanel#PrimaryAndSecondaryTextContainer > Windows.UI.Xaml.Controls.TextBlock#Subtitle",
  "controlStyles[34].styles[0]": "TextAlignment=Center",
  "controlStyles[34].styles[1]": "FontFamily=vivo Sans EN VF",
  "controlStyles[34].styles[2]": "Margin=0,3,0,0",
  "controlStyles[34].styles[3]": "FontWeight=600",
  "controlStyles[35].target": "Windows.UI.Xaml.Controls.ListView#MediaButtonsListView",
  "controlStyles[35].styles[0]": "VerticalAlignment=Center",
  "controlStyles[35].styles[1]": "Height=20",
  "controlStyles[35].styles[2]": "Margin=130,-60,0,0",
  "controlStyles[35].styles[3]": "Width=Auto",
  "controlStyles[35].styles[4]": "HorizontalAlignment=Right",
  "controlStyles[35].styles[5]": "Visibility=2",
  "controlStyles[36].target": "Windows.UI.Xaml.Controls.Primitives.RepeatButton#PreviousButton",
  "controlStyles[36].styles[0]": "Width=40",
  "controlStyles[36].styles[1]": "Height=40",
  "controlStyles[36].styles[2]": "Margin=10,0,0,0",
  "controlStyles[37].target": "Windows.UI.Xaml.Controls.Button#PlayPauseButton",
  "controlStyles[37].styles[0]": "Width=40",
  "controlStyles[37].styles[1]": "Height=40",
  "controlStyles[37].styles[2]": "Margin=0",
  "controlStyles[38].target": "Windows.UI.Xaml.Controls.Primitives.RepeatButton#NextButton",
  "controlStyles[38].styles[0]": "Width=40",
  "controlStyles[38].styles[1]": "Height=30",
  "controlStyles[38].styles[2]": "Margin=0,0,10,0",
  "controlStyles[39].target": "Windows.UI.Xaml.Controls.TextBlock#AppNameText",
  "controlStyles[39].styles[0]": "FontFamily=vivo Sans EN VF",
  "controlStyles[39].styles[1]": "FontSize=16",
  "controlStyles[40].target": "Windows.UI.Xaml.Controls.Image#IconImage",
  "controlStyles[40].styles[0]": "Height=20",
  "controlStyles[40].styles[1]": "Width=20",
  "controlStyles[41].target": "Grid#MediaTransportControlsRoot",
  "controlStyles[41].styles[0]": "Background:=$transparent",
  "controlStyles[42].target": "Grid#ToastPeekRegion",
  "controlStyles[42].styles[0]": "Background=",
  "controlStyles[42].styles[1]": "RenderTransform:=<TranslateTransform Y=\"-495\" X=\"395\" />",
  "controlStyles[42].styles[2]": "Grid.Column=0",
  "controlStyles[42].styles[3]": "Grid.Row=2",
  "controlStyles[43].target": "Windows.UI.Xaml.Controls.CalendarViewDayItem > Windows.UI.Xaml.Controls.Border",
  "controlStyles[43].styles[0]": "CornerRadius=8",
  "controlStyles[43].styles[1]": "Margin=1,2,1,2",
  "controlStyles[44].target": "Windows.UI.Xaml.Controls.CalendarViewDayItem",
  "controlStyles[44].styles[0]": "CornerRadius=8",
  "controlStyles[45].target": "Windows.UI.Xaml.Controls.Control > Windows.UI.Xaml.Controls.Border",
  "controlStyles[45].styles[0]": "CornerRadius=8",
  "controlStyles[46].target": "Windows.UI.Xaml.Controls.Primitives.CalendarViewItem",
  "controlStyles[46].styles[0]": "CornerRadius=8",
  "controlStyles[47].target": "Windows.UI.Xaml.Controls.ListViewHeaderItem",
  "controlStyles[47].styles[0]": "Margin=50,6,50,2",
  "controlStyles[47].styles[1]": "CornerRadius=8",
  "controlStyles[47].styles[2]": "Height=35",
  "controlStyles[48].target": "Windows.UI.Xaml.Controls.Button#SettingsButton",
  "controlStyles[48].styles[0]": "CornerRadius=4",
  "controlStyles[49].target": "Windows.UI.Xaml.Controls.Button#DismissButton",
  "controlStyles[49].styles[0]": "CornerRadius=4",
  "controlStyles[50].target": "Windows.UI.Xaml.Controls.StackPanel#CalendarHeader",
  "controlStyles[50].styles[0]": "Margin=6,0,0,0",
  "controlStyles[51].target": "Windows.UI.Xaml.Controls.ScrollContentPresenter#ScrollContentPresenter",
  "controlStyles[51].styles[0]": "Margin=1,2,1,2",
  "controlStyles[52].target": "Windows.UI.Xaml.Controls.Grid#WeekDayNames",
  "controlStyles[52].styles[0]": "Background :=$ElementSysColor",
  "controlStyles[52].styles[1]": "CornerRadius=8",
  "controlStyles[52].styles[2]": "Margin=4,0,4,0",
  "controlStyles[52].styles[3]": "Padding=0,-5,0,-3",
  "controlStyles[53].target": "Windows.UI.Xaml.Controls.ListViewItem",
  "controlStyles[53].styles[0]": "CornerRadius=$r3",
  "controlStyles[54].target": "Windows.UI.Xaml.Controls.Grid#RootGrid > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter",
  "controlStyles[54].styles[0]": "Background:=<SolidColorBrush Color=\"{ThemeResource SystemAccentColorLight1}\" Opacity=\"0.5\"/>",
  "controlStyles[54].styles[1]": "BorderThickness=0",
  "controlStyles[54].styles[2]": "CornerRadius=8",
  "controlStyles[55].target": "Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.Border#ItemOpaquePlating",
  "controlStyles[55].styles[0]": "Background :=$overlay2",
  "controlStyles[55].styles[1]": "BorderThickness=0",
  "controlStyles[55].styles[2]": "CornerRadius=$r3",
  "controlStyles[56].target": "Windows.UI.Xaml.Controls.Grid#StandardHeroContainer",
  "controlStyles[56].styles[0]": "Margin=12,0,12,0",
  "controlStyles[56].styles[1]": "CornerRadius=0",
  "controlStyles[56].styles[2]": "Height=150",
  "controlStyles[57].target": "Windows.UI.Xaml.Controls.Primitives.ScrollBar#VerticalScrollBar",
  "controlStyles[57].styles[0]": "Visibility=1",
  "controlStyles[58].target": "Windows.UI.Xaml.Controls.Grid#SliderContainer",
  "controlStyles[58].styles[0]": "Margin=0-2,0,0",
  "controlStyles[59].target": "Windows.UI.Xaml.Controls.Button#BackButton",
  "controlStyles[59].styles[0]": "CornerRadius=$r3",
  "controlStyles[60].target": "Windows.UI.Xaml.Shapes.Rectangle#OuterBorder",
  "controlStyles[60].styles[0]": "RadiusX=8",
  "controlStyles[60].styles[1]": "RadiusY=8",
  "controlStyles[60].styles[2]": "Height=18",
  "controlStyles[61].target": "Windows.UI.Xaml.Shapes.Rectangle#SwitchKnobOff",
  "controlStyles[61].styles[0]": "RadiusY=8",
  "controlStyles[61].styles[1]": "RadiusX=8",
  "controlStyles[62].target": "Windows.UI.Xaml.Controls.Border#SwitchKnobOn",
  "controlStyles[62].styles[0]": "CornerRadius=8",
  "controlStyles[63].target": "Windows.UI.Xaml.Shapes.Rectangle#SwitchKnobBounds",
  "controlStyles[63].styles[0]": "RadiusX=8",
  "controlStyles[63].styles[1]": "RadiusY=8",
  "controlStyles[63].styles[2]": "Height=18",
  "controlStyles[64].target": "ActionCenter.NotificationListViewItem",
  "controlStyles[64].styles[0]": "Margin=5,2,5,3",
  "controlStyles[65].target": "Windows.UI.Xaml.Controls.Grid[AutomationProperties.LocalizedLandmarkType=Footer]",
  "controlStyles[65].styles[0]": "BorderThickness=0",
  "controlStyles[66].target": "NetworkUX.View.SettingsListViewItem > Windows.UI.Xaml.Controls.Primitives.ListViewItemPresenter#Root",
  "controlStyles[66].styles[0]": "CornerRadius=12",
  "controlStyles[67].target": "Windows.UI.Xaml.Controls.ContentPresenter > Windows.UI.Xaml.Controls.Border",
  "controlStyles[67].styles[0]": "BorderThickness=0",
  "controlStyles[68].target": "Button#ClearAll",
  "controlStyles[68].styles[0]": "AccessKey=x",
  "controlStyles[69].target": "Button#ExpandCollapseButton",
  "controlStyles[69].styles[0]": "AccessKey=e",
  "controlStyles[70].target": "ControlCenter.PaginatedToggleButton#ToggleButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter",
  "controlStyles[70].styles[0]": "CornerRadius=$r2",
  "controlStyles[70].styles[1]": "BorderThickness=$ElementBorderThickness",
  "controlStyles[70].styles[2]": "BorderBrush:=$ElementBorderBrush",
  "controlStyles[71].target": "ControlCenter.PaginatedToggleButton#SplitL2Button > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter",
  "controlStyles[71].styles[0]": "CornerRadius=30",
  "controlStyles[71].styles[1]": "BorderThickness=$ElementBorderThickness",
  "controlStyles[71].styles[2]": "BorderBrush:=$ElementBorderBrush",
  "controlStyles[72].target": "Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Windows.UI.Xaml.Controls.Border",
  "controlStyles[72].styles[0]": "CornerRadius=12",
  "controlStyles[72].styles[1]": "Background:=$Background",
  "controlStyles[72].styles[2]": "BorderBrush:=$BorderBrush",
  "controlStyles[72].styles[3]": "BorderThickness=$BorderThickness",
  "controlStyles[73].target": "Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Windows.UI.Xaml.Controls.Border > Windows.UI.Xaml.Shapes.Ellipse#SliderInnerThumb",
  "controlStyles[73].styles[0]": "Visibility=Collapsed",
  "controlStyles[74].target": "Windows.UI.Xaml.Controls.ToolTip > Windows.UI.Xaml.Controls.ContentPresenter#LayoutRoot",
  "controlStyles[74].styles[0]": "Background:=$Background",
  "controlStyles[74].styles[1]": "BorderBrush:=$BorderBrush",
  "controlStyles[74].styles[2]": "BorderThickness=$BorderThickness",
  "controlStyles[74].styles[3]": "CornerRadius=10",
  "controlStyles[75].target": "Windows.UI.Xaml.Controls.Primitives.RepeatButton#PreviousButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter@CommonStates",
  "controlStyles[75].styles[0]": "Foreground@Normal:=$ElementSysColor",
  "controlStyles[75].styles[1]": "Foreground@PointerOver:=$ElementSysColor2",
  "controlStyles[75].styles[2]": "Foreground@Pressed:=$ElementSysColor3",
  "controlStyles[75].styles[3]": "Foreground@Disabled:=$ElementSysColor4",
  "controlStyles[75].styles[4]": "Background:=Transparent",
  "controlStyles[76].target": "Windows.UI.Xaml.Controls.Button#PlayPauseButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter@CommonStates",
  "controlStyles[76].styles[0]": "Foreground@Normal:=$ElementSysColor",
  "controlStyles[76].styles[1]": "Foreground@PointerOver:=$ElementSysColor2",
  "controlStyles[76].styles[2]": "Foreground@Pressed:=$ElementSysColor3",
  "controlStyles[76].styles[3]": "Foreground@Disabled:=$ElementSysColor4",
  "controlStyles[76].styles[4]": "Background:=Transparent",
  "controlStyles[77].target": "Windows.UI.Xaml.Controls.Primitives.RepeatButton#NextButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter@CommonStates",
  "controlStyles[77].styles[0]": "Foreground@Normal:=$ElementSysColor",
  "controlStyles[77].styles[1]": "Foreground@PointerOver:=$ElementSysColor2",
  "controlStyles[77].styles[2]": "Foreground@Pressed:=$ElementSysColor3",
  "controlStyles[77].styles[3]": "Foreground@Disabled:=$ElementSysColor4",
  "controlStyles[77].styles[4]": "Background:=Transparent",
  "controlStyles[78].target": "Grid#ControlCenterRegion",
  "controlStyles[78].styles[0]": "Grid.Row=0",
  "controlStyles[79].target": "ControlCenter.MediaTransportControls",
  "controlStyles[79].styles[0]": "VerticalAlignment=2",
  "controlStyles[79].styles[1]": "Grid.Row=1",
  "controlStyles[79].styles[2]": "Canvas.ZIndex=1",
  "controlStyles[80].target": "Grid#RootGrid",
  "controlStyles[80].styles[0]": "VerticalAlignment=3",
  "controlStyles[80].styles[1]": "MinHeight=0",
  "styleConstants[0]": "transparent=<SolidColorBrush Color=\"Transparent\"/>",
  "styleConstants[1]": "Background=<WindhawkBlur BlurAmount=\"15\" TintColor=\"#10808080\"/>",
  "styleConstants[2]": "overlay=<SolidColorBrush Color=\"{ThemeResource SystemChromeAltHighColor}\" Opacity=\"0.1\" />",
  "styleConstants[3]": "overlay2=<WindhawkBlur BlurAmount=\"20\" TintColor=\"#60353535\"/>",
  "styleConstants[4]": "CornerRadius=20",
  "styleConstants[5]": "r2=14",
  "styleConstants[6]": "r3=12",
  "styleConstants[7]": "BorderThickness=0.3,1,0.3,0.3",
  "styleConstants[8]": "BorderBrush2=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\"><GradientStop Color=\"{ThemeResource SystemChromeHighColor}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource SystemChromeLowColor}\" Offset=\"0.15\" /><GradientStop Color=\"{ThemeResource SystemChromeHighColor}\" Offset=\"0.95\" /></LinearGradientBrush>",
  "styleConstants[9]": "Background2=<AcrylicBrush TintColor=\"{ThemeResource SystemChromeAltHighColor}\" TintOpacity=\"0.3\" FallbackColor=\"{ThemeResource SystemChromeAltHighColor}\" />",
  "styleConstants[10]": "ElementBG=<SolidColorBrush Color=\"{ThemeResource SystemChromeAltHighColor}\" Opacity=\"0.3\" />",
  "styleConstants[11]": "ElementBorderBrush=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\"><GradientStop Color=\"#50808080\" Offset=\"1\" /><GradientStop Color=\"#50606060\" Offset=\"0.15\" /></LinearGradientBrush>",
  "styleConstants[12]": "ElementCornerRadius=20",
  "styleConstants[13]": "ElementBorderThickness=0.3,0.3,0.3,1",
  "styleConstants[14]": "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[15]": "ElementSysColor=<SolidColorBrush Color=\"{ThemeResource SystemAccentColorLight1}\" Opacity=\"1\" />",
  "styleConstants[16]": "ElementSysColor2=<SolidColorBrush Color=\"{ThemeResource SystemAccentColorLight2}\" Opacity=\"1\" />",
  "styleConstants[17]": "ElementSysColor3=<SolidColorBrush Color=\"{ThemeResource SystemAccentColorLight3}\" Opacity=\"1\" />",
  "styleConstants[18]": "ElementSysColor4=<SolidColorBrush Color=\"{ThemeResource SystemAccentColorDark1}\" Opacity=\"1\" />"
}

Optional Taskbar Music Lounge

The setup also includes an optional Taskbar Music Lounge configuration for a compact music control panel on the left side of the taskbar. Use this section only if you want the music panel as part of the desktop setup.

Install or open Taskbar Music Lounge in Windhawk, go to its settings, and apply the configuration below.

{
  "PanelWidth": 220,
  "PanelHeight": 60,
  "FontSize": 11,
  "OffsetX": 190,
  "OffsetY": -2,
  "AutoTheme": 1,
  "TextColor": 16777215,
  "BgOpacity": 0
}

How to Remove the Taskbar Style

  1. Open Windhawk and find Windows 11 Taskbar Styler.
  2. Disable the mod to stop applying the custom taskbar style.
  3. If you also used the Notification Center or Music Lounge configurations, disable those mods separately.
  4. If the taskbar does not refresh immediately, restart Windows Explorer.

Disclaimer

⚠️ Disclaimer: This Windhawk Taskbar Style is provided for Windows UI personalization purposes. It is an unofficial customization and is not developed, endorsed, or supported by Microsoft. Compatibility can vary depending on your Windows version, Windhawk version, installed mods, and system configuration. Windows updates may also affect how the style works. Create a System Restore Point or keep a backup of your current configuration before making major changes. Windows and related trademarks belong to Microsoft.

Final Word

Frost Glass gives the Windows 11 taskbar a cleaner floating layout while keeping the controls familiar. The separated Start and Search area, centered app section, and independent system tray create a more open desktop, while the soft glass background keeps the design subtle rather than overly decorative.

The matching Notification Center and Taskbar Music Lounge configurations are optional, so you can use only the parts that fit your setup.

Frequently Asked Questions

Does Frost Glass replace the Windows 11 taskbar?

No. It changes the appearance and layout of the existing Windows 11 taskbar through the Windows 11 Taskbar Styler mod.

Why is the taskbar divided into separate sections?

The style separates Start and Search, pinned apps, and the system tray into individual areas to create a cleaner floating layout.

Do I need Windhawk to use this style?

Yes. Windhawk and the Windows 11 Taskbar Styler mod are required for the main taskbar configuration.

Is the Notification Center style required?

No. The Notification Center configuration is optional and uses the separate Windows 11 Notification Center Styler mod.

Is Taskbar Music Lounge required?

No. It is an optional part of the setup for users who want a compact music panel alongside the taskbar.

Can a Windows update affect the style?

Yes. Windows updates can change interface elements used by customization tools, so a mod or configuration update may sometimes be needed.

Views: 2,705
Tags
Share your love

You may also like

One comment

  1. The Music Lounge Code and that feature is not working properly and is much slower because it pops out taking delays when taskbar is set on Auto hide

Leave a Reply

Your email address will not be published. Required fields are marked *

Disclaimer: All themes, visual styles, and concepts shared on this website are unofficial, fan-made creations built from imagination for customization purposes. We are not affiliated with, endorsed by, or sponsored by Microsoft or any other official brand.

Downloading issue

Ad-Blocker Detected!

Oops! unable to access the file download link. It seems that your ad blocker is removing the download link. Please try again or consider whitelisting our site in your ad blocker to resolve this issue.

We have detected that an ad blocker is active in your browser. This can lead to conflicts with our site, blocking many important scripts, and affecting downloads.

The revenue we generate from ads is vital for maintaining and managing this website. Therefore, we kindly request that you whitelist our website in your ad-blocker. Please rest assured that we won't inundate you with an excessive number of ads, nor will we inconvenience you or slow down your browsing experience. Your support is immensely appreciated!

How to Fix