### Manual Installation Style
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/LiquidGlass/README.md
Apply this style for manual installation of custom Start Menu elements. It sets the render transform origin and defines a transition for the background color.
```css
- RenderTransformOrigin=0.5,0.5
webContentStyles:
- target: '*'
styles:
- 'transition: background-color 0.083s ease-in-out !important'
```
--------------------------------
### Manual Start Menu Theme Installation
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/LayerMicaUI/README.md
Import this YAML content into Windhawk's textual mode to apply custom styles to the Windows 11 Start Menu. Ensure Windhawk is installed and the Start Menu Styler mod is open.
```yaml
styleConstants:
- ThemeBorder=
- OuterRadius=10
- InnerRadius=8
- ThFnt=Nunito
- ThemeOverlay=
- ThFntWt=Normal
- ThHdnWt=Semibold
- ThemeBtn=
- ThemeControlBorder=
- ThemeOutBorder=
- ThemeFlyout=
controlStyles:
- target: Border#AcrylicBorder
styles:
- CornerRadius=$OuterRadius
- BorderThickness=1
- Width=445
- // Main Background of the Start Menu
- target: Grid#MainMenu > Grid#MainContent > Border#AcrylicOverlay
styles:
- Margin=9,-3,9,-55
- CornerRadius=8,8,10,10
- BorderThickness=1
- Background:=$ThemeOverlay
- // Acrylic Overlay of the Start Menu
- target: StartDocked.PowerOptionsView > StartDocked.NavigationPaneButton > Grid@CommonStates > Border
styles:
- CornerRadius=0,8,8,0
- Margin=-2,-1,-2,-1
- BorderThickness=1
- Background@Normal:=$ThemeOverlay
- Background@Pressed:=$ThemeBtn
- Background@PointerOver:=$ThemeBtn
- Background@Disabled:=$ThemeOverlay
- BorderBrush:=$ThemeControlBorder
- // Power Button > Background
- target: StartDocked.UserTileView > StartDocked.NavigationPaneButton > Grid@CommonStates > Border
styles:
- Margin=0,-1,0,-1
- CornerRadius=0
- Background@Pressed:=$ThemeBtn
- BorderThickness=0,1,0,1
- Width=48
- Background@PointerOver:=$ThemeBtn
- Background@Normal:=$ThemeOverlay
- Background@Disabled:=$ThemeOverlay
- Background:=$ThemeOverlay
- BorderBrush:=$ThemeControlBorder
- // User Profile > Background
- target: StartMenu.SearchBoxToggleButton#SearchBoxToggleButton > Grid@CommonStates > Border
styles:
- Background@Normal:=$ThemeOverlay
- CornerRadius=8,0,0,8
- BorderBrush:=$ThemeControlBorder
- BorderThickness=1
- Background@PointerOver:=$ThemeBtn
- Background@Pressed:=$ThemeBtn
- Background:=$ThemeOverlay
- // Start Menu Search Box Background
- target: Border#ContentBorder > Grid#DroppedFlickerWorkaroundWrapper > Border@CommonStates
styles:
- Margin=1
- // Fixes something
- target: StartMenu.FolderModal#StartFolderModal > Grid#Root > Border
styles:
- BorderThickness=1
- Width=340
- Height=350
- Margin=5,0,0,0
- BorderBrush:=$ThemeOutBorder
- Background:=$ThemeFlyout
- // Start Menu Open Folder Background
- target: Border#StartDropShadow
styles:
- Width=445
- Visibility=1
- // Start Menu Shadow
- target: StartMenu.StartMenuCompanion#RightCompanion > Grid#CompanionRoot > Border#AcrylicBorder
styles:
- Width=225
- CornerRadius=0,$OuterRadius,$OuterRadius,0
- BorderBrush:=$ThemeOutBorder
- BorderThickness=0,1,1,1
- // Phone Link Companion > Main Background
- target: StartMenu.StartMenuCompanion#RightCompanion > Grid#CompanionRoot > Grid#MainContent > Border#AcrylicOverlay
styles:
- Margin=20,170,20,-2
- BorderThickness=0,1,0,1
- CornerRadius=0
- Background:=Transparent
- BorderBrush:=$ThemeControlBorder
- // Phone Link Companion > Acrylic Overlay
- target: Windows.UI.Xaml.Controls.Primitives.ToggleButton#ShowHideCompanion > Border
styles:
- Background:=$ThemeOverlay
- BorderBrush:=$ThemeControlBorder
- BorderThickness=1
- Background:=$ThemeOverlay
- // Phone Link Panel Show-Hide Button Background
- target: Border > ScrollViewer#ScrollViewer > Border#Root > Grid > ScrollContentPresenter#ScrollContentPresenter > ItemsPresenter > ItemsWrapGrid > GridViewItem > Border#ContentBorder > Grid#DroppedFlickerWorkaroundWrapper > Border#BackgroundBorder
styles:
- CornerRadius=$InnerRadius
- // Adds a rounded corner to list view items
- target: StartMenu.PinnedList#StartMenuPinnedList > Grid#Root > GridView#PinnedList > Border
styles:
- Padding=0,5,0,10
- BorderThickness=0,0,0,1
- BorderBrush:=$ThemeControlBorder
- Margin=0,0,0,-25
- // Start Menu Pinned List Background
```
--------------------------------
### Classic Start Menu Styles
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/LegacyFluent/README.md
Applies classic styling to various Start Menu elements like ToolTips, Borders, TextBlocks, and Buttons. Use these styles to revert to a more traditional Start Menu appearance.
```xaml
- BorderBrush@Pressed:=
- target: Windows.UI.Xaml.Controls.ToolTip
styles:
- CornerRadius=0
- target: Windows.UI.Xaml.Controls.MenuFlyoutPresenter > Windows.UI.Xaml.Controls.Border
styles:
- CornerRadius=0
- target: Windows.UI.Xaml.Controls.TextBlock
styles:
- FontFamily=Segoe UI, Segoe MDL2 Assets
- target: Windows.UI.Xaml.Controls.FontIcon > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock
styles:
- FontFamily=Segoe MDL2 Assets, Segoe UI
- target: Windows.UI.Xaml.Controls.MenuFlyoutItem
styles:
- CornerRadius=0
- target: Windows.UI.Xaml.Controls.ListViewItem
styles:
- CornerRadius=0
- target: Windows.UI.Xaml.Controls.Button#HideMoreSuggestionsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.StackPanel > Windows.UI.Xaml.Controls.FontIcon > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock
styles:
- FontSize=10
```
--------------------------------
### Start Menu Button Styling
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/Windows10/README.md
Styles for the main Start menu button, including hover effects and background.
```xaml
- Height=58
- BorderBrush@PointerOver:=
- Background@PointerOver:=
- Background:=
```
--------------------------------
### Classic Start Menu Styles
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/FullScreen/README.md
Import these styles for the classic Windows 11 Start menu to enable full screen mode. This requires the Windows 11 Start Menu Styler mod to be open and in textual mode.
```yaml
controlStyles:
- target: :root > Canvas
styles:
- ActualWidth=>canvasWidth
- ActualHeight=>canvasHeight
- target: StartDocked.StartSizingFrame
styles:
- Canvas.Top=0
- Canvas.Left=0
- MinWidth={{canvasWidth}}
- MinHeight={{canvasHeight}}
- target: Grid#RootGrid
styles:
- MinWidth={{canvasWidth}}
- target: Border#AcrylicBorder
styles:
- CornerRadius=0
```
--------------------------------
### Classic Start Menu Layout Styles
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/SideBySide2/README.md
Apply these styles to achieve a classic Start menu layout. This includes adjusting the dimensions and visibility of main grids, buttons, and various containers.
```yaml
controlStyles:
- target: Windows.UI.Xaml.Controls.Grid#UndockedRoot
styles:
- Visibility=Visible
- Width=510
- MinHeight=585
- Margin=264,0,0,0
- target: Windows.UI.Xaml.Controls.Grid#AllAppsRoot
styles:
- Visibility=Visible
- Width=320
- RenderTransform:=
- target: Windows.UI.Xaml.Controls.Button#CloseAllAppsButton
styles:
- Visibility=1
- target: StartDocked.StartSizingFrame
styles:
- MaxWidth=1874
- target: StartDocked.LauncherFrame > Grid#RootGrid
styles:
- MinWidth=776
- MaxWidth=776
- target: StartDocked.LauncherFrame > Grid#RootPanel > Grid#RootGrid
styles:
- MinWidth=776
- MaxWidth=776
- target: Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions
styles:
- Visibility=0
- target: Windows.UI.Xaml.Controls.Button#ShowAllAppsButton
styles:
- Visibility=1
- target: Windows.UI.Xaml.Controls.GridView#RecommendedList > Windows.UI.Xaml.Controls.Border > Windows.UI.Xaml.Controls.ScrollViewer#ScrollViewer > Windows.UI.Xaml.Controls.Border#Root > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.ScrollContentPresenter#ScrollContentPresenter > Windows.UI.Xaml.Controls.ItemsPresenter > Windows.UI.Xaml.Controls.ItemsWrapGrid > Windows.UI.Xaml.Controls.GridViewItem
styles:
- MaxWidth=220
- MinWidth=220
- target: StartDocked.AllAppsGridListView#AppsList
styles:
- Padding=48,3,-36,16
- target: Windows.UI.Xaml.Controls.Grid#AllAppsPaneHeader
styles:
- Margin=97,0,0,0
- target: Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer
styles:
- Height=302
- target: StartDocked.NavigationPaneView#NavigationPane
styles:
- FlowDirection=1
- Margin=30,0,30,0
- target: StartDocked.PowerOptionsView#PowerButton
styles:
- FlowDirection=0
- target: Windows.UI.Xaml.Controls.ItemsStackPanel > Windows.UI.Xaml.Controls.ListViewItem
styles:
- FlowDirection=0
- target: StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > StartDocked.SearchBoxToggleButton#StartMenuSearchBox
styles:
- Margin=23,1,23,14
- target: StartDocked.LauncherFrame > Grid#RootPanel > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > StartDocked.SearchBoxToggleButton#StartMenuSearchBox
styles:
- Margin=23,1,23,14
- target: Windows.UI.Xaml.Controls.TextBlock#NoSuggestionsWithoutSettingsLink
styles:
- Margin=11,0,48,0
- target: StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle
styles:
- Margin=67,7,0,21
- target: StartDocked.LauncherFrame > Grid#RootPanel > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle
styles:
- Margin=67,7,0,21
- target: Windows.UI.Xaml.Controls.SemanticZoom#ZoomControl
styles:
- IsZoomOutButtonEnabled=true
- target: Windows.UI.Xaml.Controls.Button#ZoomOutButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.TextBlock
styles:
- Text=
- target: Windows.UI.Xaml.Controls.Button#ZoomOutButton
styles:
- Width=24
- Height=24
- Margin=0,0,0,0
- FontSize=14
- CornerRadius=4
- VerticalAlignment=0
- Transform3D:=
- target: Windows.UI.Xaml.Controls.ListView#ZoomAppsList
styles:
- Padding=86,0,25,0
- target: StartMenu.PinnedList#StartMenuPinnedList > Windows.UI.Xaml.Controls.Grid#Root
styles:
- Padding=0,0,4,0
- target: Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText
styles:
- Margin=-32,0,32,0
- target: Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader
styles:
- Margin=31,-3,12,0
- target: Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText
styles:
- Margin=31,0,63,0
- target: Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer
styles:
- Margin=20,0,0,0
- target: Windows.UI.Xaml.Controls.ListView#RecommendedList
styles:
- Width=490
- target: Windows.UI.Xaml.Controls.Button#ShowMoreSuggestionsButton
styles:
- Margin=0,0,36,2
- Height=24
- target: Windows.UI.Xaml.Controls.Button#HideMoreSuggestionsButton
styles:
- Margin=0,0,36,2
- Height=24
- target: Windows.UI.Xaml.Controls.Grid#MoreSuggestionsRoot > Windows.UI.Xaml.Controls.Grid
styles:
- Margin=31,-3,0,0
- target: Windows.UI.Xaml.Controls.Grid#MoreSuggestionsContainer
styles:
- Margin=20,0,0,0
- target: Windows.UI.Xaml.Controls.ItemsStackPanel > Windows.UI.Xaml.Controls.ListViewItem[MaxHeight=5000]
styles:
- MaxWidth=460
- MinWidth=460
- Margin=0,0,16,0
```
--------------------------------
### Classic Start Menu Configuration
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/Windows11_Metro10Minimal/README.md
This YAML configuration applies styles to various controls to achieve a classic Start menu appearance. It adjusts sizes, visibility, margins, and transforms.
```yaml
controlStyles:
- target: Windows.UI.Xaml.Controls.Grid#UndockedRoot
styles:
- MaxWidth=0
- Margin=0
- target: Windows.UI.Xaml.Controls.Grid#AllAppsRoot
styles:
- Visibility=Visible
- Width=540
- RenderTransform:=
- target: Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions
styles:
- Visibility=Collapsed
- target: Windows.UI.Xaml.Controls.Button#ShowAllAppsButton
styles:
- Visibility=Collapsed
- target: StartDocked.AllAppsGridListView#AppsList
styles:
- Padding=90,3,6,16
- target: Grid#AllAppsPaneHeader
styles:
- Visibility=Collapsed
- target: StartDocked.NavigationPaneView#NavigationPane
styles:
- Margin=30,0,30,0
- target: StartDocked.AppListView#NavigationPanePlacesListView
styles:
- FlowDirection=1
- target: StartDocked.SearchBoxToggleButton#StartMenuSearchBox
styles:
- Margin=23,-101,23,14
- target: StartDocked.SearchBoxToggleButton
styles:
- Height=0
- target: Rectangle[4]
styles:
- Margin=0,-20,0,0
- target: StartMenu.ExpandedFolderList > Grid > Grid > Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager
styles:
- Margin=-20,0,20,0
- target: StartMenu.StartInnerFrame
styles:
- Visibility=Collapsed
- target: StartDocked.StartSizingFrame
styles:
- MinWidth=460
- target: StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent
styles:
- MinWidth=460
- MaxWidth=460
- target: StartDocked.LauncherFrame > Grid#RootPanel > Grid#RootGrid
styles:
- MinWidth=460
- MaxWidth=460
- target: StartDocked.LauncherFrame > Grid#RootPanel > Grid#RootGrid > Grid#RootContent
styles:
- MinWidth=460
- MaxWidth=460
- target: Grid#InnerContent
styles:
- Margin=0,12,0,0
- target: Border#AcrylicBorder
styles:
- Background:=
- BorderBrush:=
- BorderThickness=1
- target: Border#AppBorder
styles:
- Background:=
- BorderBrush:=
- target: Border#LayerBorder
styles:
- Visibility=1
```
--------------------------------
### Classic Start Menu Configuration
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/Windows10/README.md
This YAML configuration applies styles to various elements of the Windows 10 Start Menu to achieve a classic look. It includes adjustments for grid sizes, margins, visibility, and transforms.
```yaml
controlStyles:
- target: Grid
styles:
- RequestedTheme=2
- target: Grid#RootContent
styles:
- Height=800
- target: Rectangle[4]
styles:
- Margin=0,-20,0,0
- target: StartDocked.StartSizingFrame
styles:
- Margin=-15,24,0,0
- target: Windows.UI.Xaml.Controls.Grid#UndockedRoot
styles:
- Margin=305,-30,-305,-30
- target: StartDocked.SearchBoxToggleButton
styles:
- Visibility=Collapsed
- target: Windows.UI.Xaml.Controls.Grid#AllAppsRoot
styles:
- Width=360
- Visibility=Visible
- Margin=0,-18,0,0
- RenderTransform:=
- target: Border#AcrylicBorder
styles:
- BorderBrush:=
- BorderThickness=2.5,1,1.5,1
- target: Border#BackgroundBorder
styles:
- CornerRadius=0
- BorderThickness=0,1,1,0
- BorderBrush:=
- target: Grid#ContentBorder@CommonStates > Border#BorderBackground
styles:
- CornerRadius=0
- BorderThickness=1
- BorderBrush@PointerOver:=
- Background@PointerOver:=
- target: Windows.UI.Xaml.Controls.Border#Border@CommonStates
styles:
- CornerRadius=0
- BorderBrush@PointerOver:=
- Background@PointerOver:=
- target: Grid#ContentBorder@CommonStates
styles:
- Background@Pressed:=
- target: StartDocked.NavigationPaneView
styles:
- Transform3D:=
- Width=740.5
- VerticalAlignment=0
- Margin=40,-558,0,0
- target: StartDocked.AppListView#NavigationPanePlacesListView
styles:
- HorizontalAlignment=2
- Margin=0,0,202,0
- target: StartDocked.UserTileView
styles:
- HorizontalAlignment=2
- Margin=0,-2,37,0
- Transform3D:=
- Height=42
- target: Windows.UI.Xaml.Controls.TextBlock#UserTileNameText
styles:
- Visibility=Collapsed
- target: StartDocked.NavigationPaneButton > Grid@CommonStates > Windows.UI.Xaml.Controls.ContentPresenter > Grid > Grid#UserTileIcon
styles:
- Margin=-3,0,-3,-62
- Transform3D:=
- Width=30
- Height=30
- target: StartDocked.AppListViewItem > Grid > ContentPresenter
styles:
- Transform3D:=
- Margin=0,40,0,-40
- target: StartDocked.PowerOptionsView
styles:
- Transform3D:=
- Margin=-669,640,670,-640
- target: Grid#AllAppsPaneHeader
styles:
- Visibility=Collapsed
- target: Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText
styles:
- Visibility=Collapsed
- target: Border#ContentBorder@CommonStates > Grid#DroppedFlickerWorkaroundWrapper > Border
styles:
- FocusVisualPrimaryBrush:=
- CornerRadius=4
- Background=#99646464
- Height=80
- Width=92
- BorderBrush=#22FFFFFF
- target: StartMenu.PinnedList#StartMenuPinnedList
styles:
- MaxWidth=375
- Margin=-270,-28,0,0
- Height=674
- target: Windows.UI.Xaml.Controls.Primitives.ScrollBar
styles:
- Margin=0,-15,32,15
- Height=692
- target: MenuFlyoutSeparator
styles:
- Margin=0,-2,0,-2
- Padding=4
- target: MenuFlyoutItem
styles:
- Margin=2,0,0,2
- target: MenuFlyoutPresenter
styles:
- BorderBrush:=
- target: MenuFlyoutPresenter > Border > ScrollViewer
styles:
- CornerRadius=8
- Padding=-3,0,-1,0
- target: Grid#TopLevelSuggestionsListHeader
styles:
- Visibility=Collapsed
- target: StartMenu.ExpandedFolderList > Grid > Border
styles:
- BorderBrush:=
- Margin=-145,0,145,0
- Width=312
- target: StartMenu.ExpandedFolderList > Grid > Grid
styles:
- CornerRadius=8
- Width=350
- Margin=-295,0,0,0
- target: Border#UninstallFlyoutPresenterBorder
styles:
- BorderBrush:=
- target: Windows.UI.Xaml.Controls.ContentDialog
styles:
- Margin=-960,214,0,0
```
--------------------------------
### Classic Start Menu Styles
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/SideBySide/README.md
Import these styles for the classic Windows 11 Start menu layout. This configuration includes various adjustments for layout, visibility, and appearance.
```yaml
controlStyles:
- target: Grid#UndockedRoot
styles:
- MaxWidth=700
- Margin=0,0,300,0
- target: Grid#AllAppsRoot
styles:
- Visibility=Visible
- Width=320
- Background:=
- RenderTransform:=
- target: Windows.UI.Xaml.Controls.Button#CloseAllAppsButton
styles:
- Visibility=Collapsed
- target: StartDocked.StartSizingFrame
styles:
- MaxWidth=1874
- target: StartDocked.LauncherFrame > Grid#RootGrid
styles:
- MinWidth=860
- MaxWidth=860
- target: StartDocked.LauncherFrame > Grid#RootPanel > Grid#RootGrid
styles:
- MinWidth=860
- MaxWidth=860
- target: Windows.UI.Xaml.Controls.Button#ShowAllAppsButton
styles:
- Visibility=Collapsed
- target: Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText
styles:
- Margin=-22,-5,0,0
- target: Grid#TopLevelSuggestionsListHeader
styles:
- Margin=45,-15,0,0
- target: StartDocked.AllAppsGridListView > Windows.UI.Xaml.Controls.ScrollViewer > Border > Grid > Windows.UI.Xaml.Controls.Primitives.ScrollBar
styles:
- Margin=-8,0,8,2
- target: Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager
styles:
- Margin=-8,0,8,0
- target: Windows.UI.Xaml.Controls.ItemsWrapGrid > Windows.UI.Xaml.Controls.GridViewItem
styles:
- MaxWidth=185
- MinWidth=85
- target: StartMenu.PinnedList#StartMenuPinnedList
styles:
- Margin=-15,0,5,0
- target: Grid#ShowMoreSuggestions
styles:
- Margin=0,20,0,-20
- target: Grid#MoreSuggestionsRoot
styles:
- Margin=-1,0,-4,-30
- target: Windows.UI.Xaml.Controls.TextBlock#MoreSuggestionsListHeaderText
styles:
- Margin=-40,0,0,0
- target: Button#ShowMoreSuggestionsButton
styles:
- Margin=0,-58,25,0
- target: Grid#TopLevelSuggestionsContainer
styles:
- Margin=30,-10,30,-60
- target: Windows.UI.Xaml.Controls.GridViewItem
styles:
- Margin=0
- target: Border#AcrylicOverlay
styles:
- Background:=
- target: Windows.UI.Xaml.Controls.SemanticZoom#ZoomControl
styles:
- IsZoomOutButtonEnabled=true
- target: Windows.UI.Xaml.Controls.Button#ZoomOutButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.TextBlock
styles:
- Text=
- target: Windows.UI.Xaml.Controls.Button#ZoomOutButton
styles:
- Width=24
- Height=24
- FontSize=14
- CornerRadius=4
- VerticalAlignment=0
- Margin=-8,-35,8,0
- target: Border#LayerBorder
styles:
- Background:=
```
--------------------------------
### Transparent Start Menu Background
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/Windows10X/README.md
Applies transparent background to the Start menu. Use this to achieve a see-through effect.
```css
background: transparent !important
```
--------------------------------
### Classic Start Menu Styling
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/UniMenu/README.md
Applies custom styles to various elements of the Start Menu to achieve a 'Classic' look. This includes adjusting margins, borders, and background effects.
```yaml
- Background@PointerOver:=
- target: Button#CloseAllAppsButton
styles:
- Margin=0,-102,-33,0
- target: Grid#AllAppsRoot
styles:
- Margin=0,-20,0,-40
- target: Border#AcrylicOverlay
styles:
- Margin=0,0,0,-58
- BorderBrush:=
- BorderThickness=2
- Background=Transparent
- CornerRadius=8
- target: Border#AcrylicBorder
styles:
- Margin=6,6,6,12
- CornerRadius=8
- target: Border#DropShadow
styles:
- Visibility=Collapsed
- target: Border#StartDropShadow
styles:
- Visibility=Collapsed
- target: Border#RootGridDropShadow
styles:
- Visibility=Collapsed
- target: Border#RightCompanionDropShadow
styles:
- Visibility=Collapsed
- target: Cortana.UI.Views.TaskbarSearchPage
styles:
- Margin=5,0,0,8
- target: Cortana.UI.Views.TaskbarSearchPage > Grid#RootGrid
styles:
- BorderBrush:=
- BorderThickness=2
- Padding=3,3,3,-8
- CornerRadius=8
- target: Border#dropshadow
styles:
- Visibility=Collapsed
- target: Border#LayerBorder
styles:
- Visibility=Collapsed
```
--------------------------------
### Classic Start Menu - Remove Recommended Section
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/NoRecommendedSection/README.md
Import this YAML content to remove the 'Recommended' section from the classic Windows 11 Start Menu. Ensure you are in textual mode within the Windhawk Start Menu Styler.
```yaml
controlStyles:
- target: Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader
styles:
- Visibility=Collapsed
- target: Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText
styles:
- Visibility=Collapsed
- target: Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer
styles:
- Height=0
- target: Windows.UI.Xaml.Controls.GridView#RecommendedList
styles:
- Visibility=Collapsed
- target: Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions
styles:
- Visibility=Collapsed
- target: StartMenu.PinnedList
styles:
- Height=504
```
--------------------------------
### Redesigned Start Menu Styles
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/FullScreen/README.md
Import these styles for the redesigned Windows 11 Start menu to achieve full screen mode. Ensure the Windows 11 Start Menu Styler mod is open and in textual mode.
```yaml
controlStyles:
- target: StartMenu.StartBlendedFlexFrame
styles:
- ActualWidth=>frameWidth
- ActualHeight=>frameHeight
- target: StartMenu.StartBlendedFlexFrame > Grid#FrameRoot
styles:
- MinHeight={{frameHeight}}
- MaxHeight={{frameHeight}}
- Margin=0
- Padding=0
- target: Grid#MainMenu
styles:
- MinWidth={{frameWidth}}
- target: Border#AcrylicBorder
styles:
- CornerRadius=0
- target: GridView#AllAppsGrid > Border > ScrollViewer#ScrollViewer > Border#Root > Grid > ScrollContentPresenter#ScrollContentPresenter > ItemsPresenter > ItemsWrapGrid
styles:
- MaximumRowsOrColumns:=
```
--------------------------------
### Centered Start Menu Styles
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/Windows10/README.md
Apply these styles to achieve a centered Start menu layout. Ensure all navigation buttons are enabled for correct alignment.
```text
Target: StartDocked.StartSizingFrame
Style: Margin=-14,24,0,0
```
```text
Target: Windows.UI.Xaml.Controls.ContentDialog > Border > Grid > Border
Style: Margin=[1/2 screen width],0,0,0
```
--------------------------------
### SideBySide2 Theme Configuration for Redesigned Start Menu
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/SideBySide2/README.md
This YAML configuration is used for manually importing theme styles into the Windows 11 Start Menu Styler mod. It adjusts layout and styling for a redesigned Start menu, particularly for the 25H2 update.
```yaml
disableNewStartMenuLayout: newLayoutSideBySide
controlStyles:
- target: Grid#SideBySidePinnedWrapper
styles:
- ColumnDefinitions:=
- target: GridView#AllAppsGrid > Border > Grid#SideBySidePinnedWrapper > ScrollViewer#ScrollViewer
styles:
- Grid.Column=0
- target: ScrollViewer#SideBySidePinnedScrollViewer
styles:
- Grid.Column=1
- target: Grid#SideBySidePinnedWrapper > ScrollViewer > Border#Root > Grid > ScrollContentPresenter > ItemsPresenter > ItemsWrapGrid
styles:
- Margin=32,0,32,14
- target: Grid#AllListHeading > TextBlock#AllListHeadingText
styles:
- Margin=43,6,12,7
- target: Grid#AllListHeading > Microsoft.UI.Xaml.Controls.DropDownButton#ViewSelectionButton
styles:
- Margin=0,0,32,0
- target: Grid#NavPanePlaceholder
styles:
- Margin=32,0,32,0
- target: StartDocked.NavigationPaneView#UserControl > Grid#RootPanel
styles:
- FlowDirection=1
- target: StartDocked.PowerOptionsView#PowerButton
styles:
- FlowDirection=0
- target: ItemsStackPanel > ListViewItem
styles:
- FlowDirection=0
```
--------------------------------
### Manual Installation Styles
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/Command Center/README.md
Apply custom styles to specific UI elements for manual installation. Use this for targeted modifications of components like the taskbar search background and search box gleam.
```yaml
- target: Border#TaskbarSearchBackground
styles:
- CornerRadius=6
- Background:=Transparent
- BorderBrush:=Transparent
- BorderThickness=0
- target: Grid#SearchBoxOnTaskbarGleamContainer > Grid#SearchBoxOnTaskbarGleamImageContainer
styles:
- Visibility=1
```
--------------------------------
### Redesigned Start Menu Styles
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/SideBySide/README.md
Import these styles for the redesigned Windows 11 Start menu layout. This configuration is intended for the 25H2 update.
```yaml
disableNewStartMenuLayout: newLayoutSideBySide
controlStyles:
- target: Grid#SideBySidePinnedWrapper
styles:
- ColumnDefinitions:=
- target: Grid#SideBySidePinnedWrapper > ScrollViewer > Border#Root > Grid > ScrollContentPresenter > ItemsPresenter > ItemsWrapGrid
styles:
- Margin=32,0,32,14
- target: Grid#AllListHeading > TextBlock#AllListHeadingText
styles:
- Margin=43,6,12,7
- target: Grid#AllListHeading > Microsoft.UI.Xaml.Controls.DropDownButton#ViewSelectionButton
styles:
- Margin=0,0,32,0
```
--------------------------------
### Styling Start Menu Elements
Source: https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/WindowGlass/README.md
Configure properties like Text, Visibility, Width, Margin, Height, Background, BorderBrush, BorderThickness, and CornerRadius for various Start Menu components.
```xaml
- target: StartDocked.SearchBoxToggleButton#StartMenuSearchBox > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.TextBlock#PlaceholderText
styles:
- Text=Search This Precision
- target: Windows.UI.Xaml.Controls.Grid#TopLevelRoot > Windows.UI.Xaml.Controls.Grid
styles:
- Visibility=1
- target: StartDocked.NavigationPaneView#NavigationPane
styles:
- Width=550
- RenderTransform:=
- target: Windows.UI.Xaml.Controls.Button#ShowAllAppsButton
styles:
- Visibility=1
- target: StartMenu.PinnedList#StartMenuPinnedList
styles:
- Margin=0
- Height=280
- target: StartMenu.PinnedList#StartMenuPinnedList > Windows.UI.Xaml.Controls.Grid#Root
styles:
- Background:=$ElementBG
- BorderBrush:=$ElementBorderBrush
- BorderThickness=$ElementBorderThickness
- CornerRadius=$ElementCornerRadius
- target: Windows.UI.Xaml.Controls.Grid#UndockedRoot
styles:
- Visibility=0
- Width=650
- Margin=0,-130,0,230
- Canvas.ZIndex=1
- MaxHeight:=340
- target: Windows.UI.Xaml.Controls.Grid#AllAppsRoot
styles:
- Visibility=0
- Margin=-1600,190,115,-100
- MaxHeight=330
- Background:=$ElementBG
- CornerRadius=$ElementCornerRadius
- Width=650
- BorderBrush:=$ElementBorderBrush
- BorderThickness=$ElementBorderThickness
- target: Windows.UI.Xaml.Controls.Button#CloseAllAppsButton
styles:
- Visibility=1
- target: Windows.UI.Xaml.Controls.TextBlock#AllAppsHeading
styles:
- Visibility=1
- target: StartDocked.AllAppsPane#AllAppsPanel
styles:
- Margin=-20,-20,20,20
- target: // Phone Link Panel
styles:
- ''
- target: StartDocked.StartMenuCompanion#RightCompanion > Windows.UI.Xaml.Controls.Grid#CompanionRoot > Windows.UI.Xaml.Controls.Border#AcrylicBorder
styles:
- Background:=$ElementBG
- BorderBrush:=$ElementBorderBrush
- BorderThickness=$ElementBorderThickness
- CornerRadius=$ElementCornerRadius
- target: Windows.UI.Xaml.Controls.Grid#CompanionRoot > Windows.UI.Xaml.Controls.Grid#MainContent > Windows.UI.Xaml.Controls.Grid#ActionsBar > Windows.UI.Xaml.Controls.Button#PrimaryActionBarButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter
styles:
- Background:=$ElementBG
- BorderBrush:=$BorderBrush
- BorderThickness=$BorderThickness
- CornerRadius=$ElementCornerRadius
- Height=40
- target: Windows.UI.Xaml.Controls.Grid#ActionsBar > Windows.UI.Xaml.Controls.Button#ActionBarOverflowButton
styles:
- Background:=$ElementBG
- BorderBrush:=$BorderBrush
- BorderThickness=$BorderThickness
- CornerRadius=$ElementCornerRadius
- Height=40
- target: StartDocked.StartMenuCompanion#RightCompanion > Windows.UI.Xaml.Controls.Grid#CompanionRoot
styles:
- Height=730
- Margin=0,-10,0,-10
- Padding=10,0,-2,0
```