Skip to content

README.md

Latest commit

 

History

History
334 lines (309 loc) · 11.2 KB

README.md

File metadata and controls

334 lines (309 loc) · 11.2 KB
Raw

FrostedAcrylic theme for Windows 11 Taskbar Styler

Author: Evan
License: MIT

Overview

This is a Frosted Acrylic appearance theme for the Windows 11 Taskbar Styler. It gives the taskbar and system tray a unified, semi‑transparent frosted acrylic look while keeping a clean icon‑only layout.

Tested resolutions & scaling

This theme has been tested and verified under the following display configurations:

  • 1920×1080 @ 125%
  • 1920×1080 @ 100%
  • 1366×768 @ 125%
  • 1680×1050 @ 125%

Taskbar Height & Icon Size (recommended pairing)

Use these settings with your height/icon size mod to reproduce the example visuals exactly:

TaskbarHeight: 60 
IconSize: 40 
TaskbarButtonWidth: 48 
IconSizeSmall: 25 
TaskbarButtonWidthSmall: 30

You paste them into your height/icon size mod’s configuration.

Screenshots

Taskbar preview

Preview / Popup screenshots

Applied frost to: Alt+Tab, overflow flyouts, task thumbnail preview, input switcher

Alt+Tab preview

Task list / overflow preview

Input switcher preview

Thumbnail preview

Customization tips

To change the bar’s maximum width, gutters, or button sizing, override the constants in "Style constants" in the mod settings (for example: TaskbarFrameWidth, SideMargin, TrayRightMargin, TaskbarButtonWidth).

Contributing and feedback

Pull requests are welcome. If you encounter issues on a specific Windows/Explorer version or scaling value, please open an issue and include:

  • Windows build/version
  • display resolution and scaling (DPI%)
  • a screenshot of the taskbar showing the problem

Contributions that improve compatibility across scaling/DPI, add presets, or include additional screenshots are appreciated.

Manual installation

To import the theme manually, follow these steps:

  • Open the Windows 11 Taskbar Styler mod in Windhawk.
  • Go to the "Settings" tab and select "Textual mode".
  • Copy the content below to the text box and click "Save settings".
Content to import (click to expand) 
styleConstants:
  - SideMargin=40
  - TrayRightMargin=50
  - Translucent=<WindhawkBlur BlurAmount="15" TintColor="#10808080"/>
  - Glass=<WindhawkBlur BlurAmount="12" TintColor="#20FFFFFF" TintOpacity="0.3" />
  - Frosted=<WindhawkBlur BlurAmount="20" TintColor="#30D0D0D0" TintOpacity="0.2" />
  - Acrylic=<WindhawkBlur BlurAmount="30" TintColor="#40B0B0B0" TintOpacity="0.25" />
  - Background=$Glass
  - BorderBrush=<LinearGradientBrush StartPoint="0,0" EndPoint="0,1"><GradientStop Color="#50808080" Offset="0.0" /><GradientStop Color="#30404040" Offset="0.25" /><GradientStop Color="#40808080" Offset="1" /></LinearGradientBrush>
  - BorderThickness=0.5,1,0.5,1
  - CornerRadius=4
  - ElementBorderThickness=0.3,0.3,0.3,1
  - ElementCornerRadius=12
  - TrayPadding=2,4,2,4

controlStyles:
  - target: ':root > ScrollViewer > ScrollContentPresenter > Border > Grid'
    styles:
      - ActualWidth=>containerGridWidth
  - target: Taskbar.TaskbarFrame
    styles:
      - Width=Auto
      - MinWidth:=100
      - MaxWidth={{containerGridWidth}}
      - Margin=0
      - Background:=Transparent
      - HorizontalAlignment=Stretch
      - Padding=0
  - target: Taskbar.TaskbarFrame > Grid#RootGrid
    styles:
      - Width=Auto
      - MinWidth=100
      - HorizontalAlignment=Stretch
      - Margin=$SideMargin,2,$SideMargin,3
      - BorderThickness=$BorderThickness
      - BorderBrush:=$BorderBrush
      - CornerRadius=$CornerRadius
      - Background:=$Background
      - Padding=0
  - target: Taskbar.TaskbarBackground#BackgroundControl > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Shapes.Rectangle#BackgroundFill
    styles:
      - Visibility=Collapsed
  - target: Taskbar.TaskbarBackground#BackgroundControl > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Shapes.Rectangle#BackgroundStroke
    styles:
      - Visibility=Collapsed
  - target: SystemTray.SystemTrayFrame
    styles:
      - Width=Auto
      - HorizontalAlignment=Right
      - Height=40
      - VerticalAlignment=Center
      - Margin=0,0,$TrayRightMargin,0
      - Background:=$Background
  - target: Grid#SystemTrayFrameGrid
    styles:
      - Background:=Transparent
      - CornerRadius=6
  - target: SearchUx.SearchUI.SearchButtonControl
    styles:
      - Width=48
      - MinWidth=48
      - MaxWidth=48
      - Margin=0
  - target: Taskbar.TaskListButton
    styles:
      - Width=48
      - MinWidth=48
      - MaxWidth=48
      - Height=60
      - MinHeight=60
      - MaxHeight=60
      - Padding=0
      - Margin=0
      - HorizontalAlignment=Center
      - VerticalAlignment=Center
  - target: Taskbar.TaskListButton > Taskbar.TaskListButtonPanel
    styles:
      - Width=48
      - MinWidth=48
      - MaxWidth=48
      - Height=60
      - MinHeight=60
      - MaxHeight=60
      - Padding=0
      - Margin=0
      - HorizontalAlignment=Center
      - VerticalAlignment=Center
  - target: Taskbar.TaskListButton > Taskbar.TaskListButtonPanel > Grid
    styles:
      - Width=48
      - MinWidth=48
      - MaxWidth=48
      - Height=60
      - MinHeight=60
      - MaxHeight=60
      - Padding=0
      - Margin=0
      - VerticalAlignment=Center
      - HorizontalAlignment=Center
  - target: Taskbar.TaskListButtonPanel > TextBlock
    styles:
      - Visibility=Collapsed
      - Margin=0
  - target: Taskbar.TaskListButtonPanel > Grid > TextBlock
    styles:
      - Visibility=Collapsed
      - Margin=0
  - target: Taskbar.TaskListButtonPanel > Grid > StackPanel > TextBlock
    styles:
      - Visibility=Collapsed
      - Opacity=0
      - Width=0
      - MinWidth=0
      - MaxWidth=0
  - target: Taskbar.TaskListButtonPanel > Grid > Grid > TextBlock
    styles:
      - Visibility=Collapsed
      - Opacity=0
      - Width=0
      - MinWidth=0
      - MaxWidth=0
  - target: Taskbar.TaskListButtonPanel > Grid > ContentPresenter > TextBlock
    styles:
      - Visibility=Collapsed
      - Opacity=0
      - Width=0
      - MinWidth=0
      - MaxWidth=0
  - target: Taskbar.TaskListButtonPanel > StackPanel > TextBlock
    styles:
      - Visibility=Collapsed
      - Opacity=0
      - Width=0
      - MinWidth=0
      - MaxWidth=0
  - target: Taskbar.OverflowToggleButton#OverflowButton > Taskbar.TaskListButtonPanel#OverflowToggleButtonRootPanel > Windows.UI.Xaml.Controls.FontIcon#FontIcon > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock
    styles:
      - Text=
  - target: SystemTray.Stack#ShowDesktopStack
    styles:
      - Visibility=Visible
  - target: Windows.UI.Xaml.Shapes.Rectangle#MostRecentlyUsedDivider
    styles:
      - Height=32
      - Width=2
  - target: Windows.UI.Xaml.Shapes.Rectangle#LeftOverflowButtonDivider
    styles:
      - Visibility=Collapsed
  - target: Windows.UI.Xaml.Shapes.Rectangle#RightOverflowButtonDivider
    styles:
      - Visibility=Collapsed
  - target: Windows.UI.Xaml.Controls.Border#OverflowFlyoutBackgroundBorder
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: Windows.UI.Xaml.Controls.Grid#ConfirmatorMainGrid
    styles:
      - CornerRadius=22
      - BorderThickness=$BorderThickness
      - BorderBrush:=$BorderBrush
      - Background:=$Background
  - target: WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopBarElement#VirtualDesktopBar > Grid > Border
    styles:
      - BorderThickness=$BorderThickness
      - BorderBrush:=$BorderBrush
      - Background:=$Background
      - CornerRadius=$CornerRadius
  - target: Windows.UI.Xaml.Controls.Border#SnapBarBorder
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - CornerRadius=$CornerRadius
      - BorderThickness=$BorderThickness
  - target: Windows.UI.Xaml.Controls.Border#SnapPickerBorder
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - CornerRadius=$CornerRadius
      - BorderThickness=$BorderThickness
  - target: Windows.UI.Xaml.Controls.ToolTip > Windows.UI.Xaml.Controls.ContentPresenter#LayoutRoot
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=1
  - target: Taskbar.TaskItemThumbnailView > Grid#BackgroundGrid > Border#BackgroundElement
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: Taskbar.TaskItemThumbnailView > Border#BackgroundElement
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: Taskbar.TaskItemThumbnailView > Grid > Windows.UI.Xaml.Shapes.Rectangle#BackgroundFill
    styles:
      - Fill:=$Background
      - Visibility=Visible
  - target: Popup > Windows.UI.Xaml.Controls.Border#BackgroundBorder
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: Popup > Grid > Border
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: Grid#ModalRootGrid > Border#BackgroundElement
    styles:
      - Background=Transparent
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: Grid#ModalRootGrid > Border#BackgroundElement > WindowsInternal.ComposableShell.Experiences.Switcher.SwitchItemList
    styles:
      - Background:=$Background
  - target: WindowsInternal.ComposableShell.Experiences.TextInput.Common.InputSwitcher
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
      - Padding=6
  - target: WindowsInternal.ComposableShell.Experiences.TextInput.Common.InputSwitcher > ContentControl > ContentPresenter > Grid
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: WindowsInternal.ComposableShell.Experiences.TextInput.Common.InputSwitcher > ContentControl > ContentPresenter > Grid > Border
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: Popup > Windows.UI.Xaml.Controls.Border#InputSwitcherPopupBorder
    styles:
      - Background:=$Background
      - BorderBrush:=$BorderBrush
      - BorderThickness=$BorderThickness
      - CornerRadius=$CornerRadius
  - target: Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl > Grid > Rectangle#BackgroundFill
    styles:
      - Fill:=$Background
      - Visibility=Visible