❄️ FrostyGlass theme for Windows 11 Taskbar Styler

A refined, translucent "Dock" experience for Windows 11 via Windhawk.

This configuration provides a modern Frosty Glass aesthetic for your Windows 11 taskbar. It utilizes custom translucent AcrylicBrush effects and manual layout adjustments to create a soft, blurred interface that feels perfectly integrated with the desktop environment.

📋 Prerequisites

Download and install Windhawk.
Inside Windhawk, search for and install the Windows 11 Taskbar Styler mod by Ramen Software.
For the complete aesthetic and functionality shown in this repository, search for and install the following additional Windhawk mods:
- Taskbar tray system icon tweaks
- Taskbar tray auto-hide (show on hover)
- Taskbar height and icon size
- Taskbar auto-hide when maximized
- Taskbar Auto-Hide Instant Show

🎨 Design Philosophy & Recommendations

This theme is crafted for a pure, minimal "Dock" aesthetic. To maintain the visual integrity and prevent layout breakage, please follow these recommendations:

Centralized Taskbar: This theme is engineered specifically for a centered taskbar layout. Left-aligned taskbars are not supported and will break the aesthetic.
Minimalist Elements & Tray: For the best results, keep the taskbar free of unnecessary clutter to maintain the clean, floating dock aesthetic.
- Search: The Search icon only and Search icon and label options are fully supported and work perfectly. However, it is strongly recommended to avoid the full Search box. While it displays fine when stationary, clicking to open it causes a temporary UI layout shift and distortion. This is a known bug currently being worked on.
- Widgets: The Widgets button is fully supported and can be used without issues. However, disabling it is recommended if you want to maximize the minimalist layout.
- Task View: The Task view button is fully supported and integrates seamlessly within this design.

📐 Screen Compatibility & Reference Setup

This configuration will work on any device or resolution. However, depending on your physical screen size and scaling, you may want to tweak certain values (like taskbar height or icon sizes) in the mods to perfectly align with your display.

For reference, the default values in this config and the screenshots below are based on my personal setup:

Device: 14" Laptop (ROG Zephyrus G14 - 2024)
Resolution & Scaling: 2880 x 1800 at 200%

🛠️ The Full Setup

For the complete minimal and smooth "Frosty Glass" experience, I use the following Windhawk mod ecosystem:

Mod Name	Key Configuration Settings
Taskbar tray system icon tweaks	`Hide location icon` \| `Hide bell icon` \| `Show desktop width: 12`
Taskbar tray auto-hide (show on hover)	`Hidden opacity: 0` \| `Hide delay: 0` \| `Fade duration: 100`
Taskbar height and icon size	`Height: 54` \| `Icon Size: 30` \| `Button Width: 45` \| `Small Icon Size: 30` \| `Small Button Width: 45`
Taskbar auto-hide when maximized	`Mode: Auto-hide when maximized or intersects taskbar`
Taskbar Auto-Hide Instant Show	See configuration below

Paste this into the Advanced tab of the Taskbar Auto-Hide Instant Show mod:

{"animationType":"slideFade","showSpeedup":400,"hideSpeedup":400,"showDuration":100,"hideDuration":100,"frameRate":120,"unhideDelay":1,"hideDelay":1,"oldTaskbarOnWin11":0,"edgeDetection":0}

📸 Showcase

Here is the Frosty Glass dock taskbar in action:

Video Demonstration:

Screen.Recording.2026-03-12.002026.mp4

8mb.video-XVU-NIOD93mc.mp4

Theme Gallery:

🔗 Related Projects

Complete the look across your entire UI! Check out my other Frosty Glass styling repositories:

❄️ Frosty Glass Start Menu Styler to apply this exact same aesthetic to your Start Menu and Lock Screen!
❄️ Frosty Glass Notification Center Styler to theme your Notifications, Calendar, and Control Center flyouts!

🙌 Credits & Inspiration

A huge thank you to Ramen Software for creating Windhawk. This configuration was heavily inspired by the official Windows 11 Taskbar Styling Guide and the Windhawk modding community.

📦 Manual Installation

The theme styles can be imported manually by following these steps:

Open the Windows 11 Taskbar Styler (or relevant mod) in Windhawk.
Go to the Settings tab and select Textual mode.
Copy the content below and click Save settings.

Content to import (click to expand)

styleConstants:
  - Background=<AcrylicBrush TintColor="#1000000F"/>
  - 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>
  - BorderThickness=1
  - CornerRadius=10
  - 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>
  - Background2=<AcrylicBrush TintColor="{ThemeResource SystemChromeAltHighColor}" TintOpacity="0.3" FallbackColor="{ThemeResource SystemChromeAltHighColor}" />
  - TrayPadding=2,4,2,4
  - ElementBG=<SolidColorBrush Color="{ThemeResource SystemChromeAltHighColor}" Opacity="0.3" />
  - ElementBorderThickness=1
  - ElementBorderBrush=<LinearGradientBrush StartPoint="0,0" EndPoint="0,1"><GradientStop Color="#50808080" Offset="1" /><GradientStop Color="#50606060" Offset="0.15" /></LinearGradientBrush>
  - ElementCornerRadius=10
  - Background3=Transparent
  - BorderBrush3=Transparent
controlStyles:
  - target: Taskbar.TaskbarFrame > Grid#RootGrid
    styles:
      - Margin=0,0,0,4
      - BorderThickness=$BorderThickness
      - BorderBrush:=$BorderBrush
      - CornerRadius=$CornerRadius
      - Background:=$Background
      - Padding=2,0,1.5,0
  - target: Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton > Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel
    styles:
      - Margin=3.5
      - Background:=$Background
      - CornerRadius=$CornerRadius
  - target: Grid#SystemTrayFrameGrid
    styles:
      - Margin=12,0,12,4
      - Background:=$Background
      - BorderThickness=$BorderThickness
      - BorderBrush:=$BorderBrush
      - CornerRadius=$CornerRadius
      - Padding=-1,0,-1,0
  - target: SystemTray.ChevronIconView
    styles:
      - Padding=4.5,4,2,4
      - CornerRadius=7
  - target: SystemTray.NotifyIconView#NotifyItemIcon
    styles:
      - Padding=$TrayPadding
      - CornerRadius=7
  - target: SystemTray.OmniButton#ControlCenterButton
    styles:
      - Padding=$TrayPadding
      - CornerRadius=7
      - MaxWidth=Auto
  - target: SystemTray.OmniButton#NotificationCenterButton
    styles:
      - Padding=2,4,4.5,4
      - CornerRadius=7
  - target: SystemTray.OmniButton#NotificationCenterButton > Grid > ContentPresenter > ItemsPresenter > StackPanel > ContentPresenter > systemtray:IconView#SystemTrayIcon > Grid
    styles:
      - Padding=2,2,5,4
      - CornerRadius=7
      - HorizontalAlignment=Center
  - target: SystemTray.IconView#SystemTrayIcon > Grid#ContainerGrid > ContentPresenter#ContentPresenter > Grid#ContentGrid > SystemTray.TextIconContent > Grid#ContainerGrid
    styles:
      - Padding=$TrayPadding
      - CornerRadius=7
  - target: SystemTray.StackListView#IconStack > ItemsPresenter > StackPanel > ContentPresenter > SystemTray.IconView#SystemTrayIcon
    styles:
      - Padding=$TrayPadding
      - CornerRadius=7
  - target: SystemTray.Stack#ShowDesktopStack
    styles:
      - Visibility=1
  - target: Taskbar.Gripper#GripperControl
    styles:
      - Width=Auto
      - MinWidth=Auto
  - target: SystemTray.SystemTrayFrame
    styles:
      - HorizontalAlignment=Right
      - CornerRadius=$CornerRadius
      - Width=Auto
  - target: Windows.UI.Xaml.Controls.Grid#AugmentedEntryPointContentGrid
    styles:
      - Margin=4,0,0,0
      - HorizontalAlignment=Auto
  - target: TextBlock#TimeInnerTextBlock
    styles:
      - FontSize=13
      - FontFamily=Segoe UI VF
      - Margin=0
      - Padding=0
      - RenderTransform:=<TranslateTransform X="3.5" Y="2" />
      - Width=Auto
      - MinWidth=Auto
      - HorizontalAlignment=Left
  - target: TextBlock#DateInnerTextBlock
    styles:
      - Visibility=1
      - RenderTransform:=<TranslateTransform X="4" Y="0" />
      - FontSize=11
      - FontFamily=Segoe UI VF
  - target: TextBlock#InnerTextBlock[Text=]
    styles:
      - Text=
  - target: Windows.UI.Xaml.Controls.Grid#ConfirmatorMainGrid
    styles:
      - BorderThickness=$BorderThickness
      - BorderBrush:=$BorderBrush
      - Background:=$Background
      - CornerRadius=10
  - target: TextBlock#SearchBoxTextBlock
    styles:
      - Text=Search
      - FontSize=10
      - FontFamily=vivo Sans EN VF
  - target: SystemTray.OmniButton#NotificationCenterButton > Grid > ContentPresenter > ItemsPresenter > StackPanel > ContentPresenter > SystemTray.IconView#SystemTrayIcon > Grid > Grid > SystemTray.TextIconContent
    styles:
      - Visibility=1
  - target: Windows.UI.Xaml.Controls.Button
    styles:
      - BorderThickness=1
      - CornerRadius=7
  - target: Windows.UI.Xaml.Controls.Border#OverflowFlyoutBackgroundBorder
    styles:
      - BorderThickness=$BorderThickness
      - BorderBrush:=$BorderBrush
      - Background:=$Background
      - CornerRadius:=$CornerRadius
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.AltTab > Windows.UI.Xaml.Controls.Grid#ModalRootGrid > Border
    styles:
      - BorderThickness=$BorderThickness
      - BorderBrush:=$BorderBrush
      - Background:=$Background
      - CornerRadius=$CornerRadius
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopBarElement#VirtualDesktopBar
    styles:
      - //RenderTransform:=<TranslateTransform X="0" Y="60" />
      - CornerRadius=$CornerRadius
      - Background:=$Background
  - target: Windows.UI.Xaml.Controls.Border#BackgroundDimmingLayer
    styles:
      - Background:=$Background
      - CornerRadius=$CornerRadius
  - target: Windows.UI.Xaml.Controls.Border#SnapBarBorder
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - RenderTransform:=<TranslateTransform X="0" Y="10" />
      - Margin=0,0,0,-10
      - CornerRadius=$CornerRadius
  - target: Windows.UI.Xaml.Controls.Border#SnapPickerBorder
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: Windows.UI.Xaml.Controls.Border#SearchPillBackgroundElement
    styles:
      - BorderBrush:=$ElementBorderBrush
      - CornerRadius=$ElementCornerRadius
      - BorderThickness=$ElementBorderThickness
      - Margin=0
  - target: Taskbar.TaskbarExtensionElement
    styles:
      - RenderTransform:=<TranslateTransform X="0" Y="0" />
  - target: Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel
    styles:
      - RenderTransform:=<TranslateTransform X="0" Y="0" />
      - Padding=1.5,4,1.5,4
  - target: Windows.UI.Xaml.Controls.ToolTip > Windows.UI.Xaml.Controls.ContentPresenter#LayoutRoot
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness:=$BorderThickness
      - CornerRadius:=$CornerRadius
  - target: SearchUx.SearchUI.SearchButtonControl
    styles:
      - MaxWidth=Auto
      - Margin=-1,0,-1,0
      - Padding=$TrayPadding
      - CornerRadius=7
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopBarElement > Windows.UI.Xaml.Controls.Grid#GridElement > Windows.UI.Xaml.Controls.Border#VirtualDesktopSwitcherBackground
    styles:
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - Background:=$Background
      - CornerRadius=$CornerRadius
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.SwitchItemListViewItem > Grid > Border
    styles:
      - Background:=$Background
      - CornerRadius=$CornerRadius
      - BorderThickness:=$BorderThickness
      - BorderBrush:=$BorderBrush
  - target: Border#VirtualDesktopBarBackground
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
      - Margin=0,0,0,-3
  - target: Border#HoverFlyoutBackground
    styles:
      - BorderBrush:=$BorderBrush
      - CornerRadius=$CornerRadius
      - BorderThickness=$BorderThickness
      - Background:=$Background
  - target: Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl > Grid > Rectangle#BackgroundFill
    styles:
      - Fill:=Transparent
  - target: WindowsInternal.ComposableShell.Experiences.TextInput.Common.InputSwitcher > ContentControl > ContentPresenter > Grid
    styles:
      - BorderBrush:=$BorderBrush
      - CornerRadius=$CornerRadius
      - BorderThickness=$BorderThickness
      - Background:=$Background
  - target: Taskbar.TaskListButton#TaskListButton
    styles:
      - CornerRadius=7
      - Padding=$TrayPadding
      - Visibility=0
  - target: Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel > Windows.UI.Xaml.Controls.Border#BackgroundElement
    styles:
      - CornerRadius=7
      - Padding=$TrayPadding
      - Visibility=0
  - target: Taskbar.TaskbarFrame
    styles:
      - HorizontalAlignment=Auto
      - Width=Auto
      - MinWidth:=500
      - MaxWidth:=900
      - Padding=1,0,1,0
  - target: Grid#SystemTrayFrameGrid
    styles:
      - Visibility=0
  - target: Taskbar.TaskListLabeledButtonPanel > Border#BackgroundElement
    styles:
      - Visibility=0
  - target: Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.AutomationId=StartButton]
    styles:
      - Visibility=0
  - target: WindowsInternal.ComposableShell.Experiences.TextInput.Common.InputSwitcher > ContentControl > ContentPresenter > Grid > Grid
    styles:
      - Background:=Transparent
      - BorderBrush:=Transparent
  - target: Taskbar.TaskItemThumbnailView > Grid@CommonStates > Border#BackgroundBorder
    styles:
      - CornerRadius:=$CornerRadius
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopElementThemed > Windows.UI.Xaml.Controls.Grid#MainGrid > Windows.UI.Xaml.Controls.Border#MainBorder
    styles:
      - CornerRadius:=$CornerRadius
      - BorderBrush:=$BorderBrush
      - BorderThickness:=$BorderThickness
      - Background:=$Background
      - Margin=0,0,0,0
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopElementThemed > Windows.UI.Xaml.Controls.Grid#MainGrid > Windows.UI.Xaml.Controls.Border#BorderHighlight
    styles:
      - CornerRadius:=$CornerRadius
      - Visibility=1
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopElementThemed > Windows.UI.Xaml.Controls.Grid#MainGrid > Windows.UI.Xaml.Controls.Border#ActiveDesktopPill
    styles:
      - CornerRadius:=$CornerRadius
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.NewVirtualDesktopElementThemed#NewVirtualDesktopButtonThemed > Windows.UI.Xaml.Controls.Grid#MainGrid > Windows.UI.Xaml.Controls.Border#MainBorder
    styles:
      - CornerRadius:=$CornerRadius
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.NewVirtualDesktopElementThemed#NewVirtualDesktopButtonThemed > Windows.UI.Xaml.Controls.Grid#MainGrid > Windows.UI.Xaml.Controls.Border#BorderHighlight
    styles:
      - CornerRadius:=$CornerRadius
      - Visibility=1
  - target: Windows.UI.Xaml.Controls.MenuFlyoutPresenter > Windows.UI.Xaml.Controls.Border
    styles:
      - Background:=$Background
      - CornerRadius:=$CornerRadius
      - BorderBrush:=$BorderBrush
      - BorderThickness:=$BorderThickness
  - target: Taskbar.TaskbarBackground#BackgroundControl > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Shapes.Rectangle#BackgroundFill
    styles:
      - Visibility=Collapsed
  - target: Windows.UI.Xaml.Controls.Grid#ModalRootGrid > Windows.UI.Xaml.Controls.Border#BackgroundElement
    styles:
      - Background:=$Background
      - BorderThickness:=$BorderThickness
      - BorderBrush:=$BorderBrush
      - CornerRadius:=$CornerRadius
  - target: Taskbar.TaskbarFrame
    styles:
      - Width=Auto
      - HorizontalAlignment=Center
      - Margin=Auto
  - target: Taskbar.TaskbarFrame > Grid#RootGrid
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness:=$BorderThickness
      - CornerRadius:=10
  - target: Taskbar.TaskbarFrame > Grid#RootGrid > Taskbar.TaskbarBackground > Grid > Rectangle#BackgroundFill
    styles:
      - Visibility=Collapsed
  - target: Rectangle#BackgroundStroke
    styles:
      - Visibility=Collapsed
  - target: Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton > Taskbar.TaskListButtonPanel#ExperienceToggleButtonRootPanel
    styles:
      - Margin=0
  - target: Taskbar.Gripper#GripperControl
    styles:
      - Width=Auto
      - MinWidth=24
  - target: Grid#SystemTrayFrameGrid
    styles:
      - Background:=$Background
      - CornerRadius:=10
      - BorderThickness:=$BorderThickness
      - BorderBrush:=$BorderBrush
      - BackgroundSizing=InnerBorderEdge
  - target: SearchUx.SearchUI.SearchIconButton#SearchIcon > SearchUx.SearchUI.SearchButtonRootGrid#SearchBoxButtonRootPanel > Windows.UI.Xaml.Controls.Border#BackgroundElement
    styles:
      - CornerRadius:=7
      - Padding=$TrayPadding
  - target: Windows.UI.Xaml.Controls.Border#SearchPillBackgroundElement
    styles:
      - CornerRadius:=7
      - Padding=$TrayPadding
  - target: Border#TaskbarSearchBackground
    styles:
      - CornerRadius=$CornerRadius
      - Background:=$Background
      - BorderThickness=$BorderThickness
      - BorderBrush:=$BorderBrush
  - target: SystemTray.NotifyIconView > Grid#ContainerGrid > Border#BackgroundBorder
    styles:
      - CornerRadius=7

Navigation Menu

Uh oh!

❄️ FrostyGlass theme for Windows 11 Taskbar Styler

📋 Prerequisites

🎨 Design Philosophy & Recommendations

📐 Screen Compatibility & Reference Setup

🛠️ The Full Setup

📸 Showcase

🔗 Related Projects

🙌 Credits & Inspiration

📦 Manual Installation

Uh oh!

FilesExpand file tree

README.md

Latest commit

History

README.md

File metadata and controls

❄️ FrostyGlass theme for Windows 11 Taskbar Styler

📋 Prerequisites

🎨 Design Philosophy & Recommendations

📐 Screen Compatibility & Reference Setup

🛠️ The Full Setup

📸 Showcase

🔗 Related Projects

🙌 Credits & Inspiration

📦 Manual Installation