Gradient Start Menu Style for Windows 11

Windows 11 is known for its clean, centered interface, but for many users, the solid color blocks can feel a bit monotonous. If you want to inject more life and energy into your workspace, the Gradient Start Menu style for Windows 11 is the ultimate solution. By replacing flat backgrounds with smooth, multi-tonal color transitions, you can create a desktop that feels dynamic and modern.

What is the Gradient Start Menu Aesthetic?

The gradient aesthetic is a core pillar of modern digital design. Unlike static colors, the Gradient Start Menu style for Windows 11 utilizes linear or radial color blends that flow from one shade to another. This creates a sense of depth and lighting that standard Windows themes simply cannot replicate. Whether you prefer a subtle “sunset” fade or a high-contrast “cyber” look, gradients offer endless possibilities for personalization.

This style is particularly popular among creative professionals and gamers who want their software environment to reflect their hardware’s RGB capabilities. When properly configured, a gradient menu can make your system feel more responsive and high-end.

Key Features of the Gradient Start Menu Style for Windows 11

Seamless Color Blending: Smooth transitions between 2 or 3 colors for a professional look.
Transparency Integration: Combine gradients with “Acrylic” or “Mica” effects for a frosted-glass feel.
Animated Accents: Some advanced setups allow the gradient to shift colors slowly over time.
Improved Icon Contrast: Using dark-to-light gradients can help your application icons “pop” against the background.

Download and install Windhawk
Open Windhawk and install the Windows 11 Start Menu Styler mod
Go to the Advanced tab
Paste the provided configuration code into the “Mod settings” box
Click Save to apply the style
For more details, visit this GitHub guide

{
  "controlStyles[0].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader",
  "controlStyles[0].styles[0]": "Visibility=Collapsed",
  "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText",
  "controlStyles[1].styles[0]": "Height=0",
  "controlStyles[2].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer",
  "controlStyles[2].styles[0]": "Height=0",
  "controlStyles[3].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions",
  "controlStyles[3].styles[0]": "RenderTransform:=<TranslateTransform Y=\"-560\" X=\"-120\" />",
  "controlStyles[4].target": "StartMenu.PinnedList",
  "controlStyles[4].styles[0]": "Height=650",
  "controlStyles[4].styles[1]": "RenderTransform:=<TranslateTransform Y=\"-10\" X=\"195\" />",
  "controlStyles[4].styles[2]": "Margin=0,0,-590,0",
  "controlStyles[5].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions > Windows.UI.Xaml.Controls.Button > Windows.UI.Xaml.Controls.ContentPresenter > Windows.UI.Xaml.Controls.StackPanel > Windows.UI.Xaml.Controls.TextBlock",
  "controlStyles[5].styles[0]": "Text=Recommended",
  "controlStyles[6].target": "StartDocked.StartSizingFrame",
  "controlStyles[6].styles[0]": "MaxHeight=650",
  "controlStyles[6].styles[1]": "MaxWidth=580",
  "controlStyles[6].styles[2]": "MinWidth=580",
  "controlStyles[6].styles[3]": "Width=580",
  "controlStyles[7].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot",
  "controlStyles[7].styles[0]": "Width=640",
  "controlStyles[7].styles[1]": "Margin=0,-30,0,0",
  "controlStyles[8].target": "Border#AcrylicOverlay ",
  "controlStyles[8].styles[0]": "HorizontalAlignment=Right",
  "controlStyles[8].styles[1]": "Margin=0,0,0,-65",
  "controlStyles[9].target": "StartMenu.PinnedList#StartMenuPinnedList",
  "controlStyles[9].styles[0]": "Height=450",
  "controlStyles[9].styles[1]": "Margin=-170,40,0,0",
  "controlStyles[9].styles[2]": "MaxWidth=405",
  "controlStyles[10].target": "StartDocked.NavigationPaneView",
  "controlStyles[10].styles[0]": "Height=180",
  "controlStyles[10].styles[1]": "Margin=0,-750,0,0",
  "controlStyles[10].styles[2]": "Transform3D:=<CompositeTransform3D TranslateX=\"215\" RotationZ=\"270\" />",
  "controlStyles[10].styles[3]": "VerticalAlignment=1",
  "controlStyles[11].target": "Windows.UI.Xaml.Controls.ItemsStackPanel > StartDocked.AppListViewItem",
  "controlStyles[11].styles[0]": "FlowDirection=0",
  "controlStyles[11].styles[1]": "Height=180",
  "controlStyles[12].target": "StartDocked.AppListViewItem > Grid#ContentBorder > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter ",
  "controlStyles[12].styles[0]": "VerticalAlignment=2",
  "controlStyles[12].styles[1]": "Width=105",
  "controlStyles[13].target": "StartDocked.AppListViewItem > Grid#ContentBorder > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.FontIcon",
  "controlStyles[13].styles[0]": "Margin=20,0,-45,0",
  "controlStyles[13].styles[1]": "Transform3D:=<CompositeTransform3D TranslateX=\"-13\" RotationZ=\"90\" />",
  "controlStyles[13].styles[2]": "Width=125",
  "controlStyles[14].target": "StartDocked.AppListViewItem > Grid#ContentBorder > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.FontIcon > Grid > TextBlock",
  "controlStyles[14].styles[0]": "FontFamily=Segoe UI, Segoe Fluent Icons",
  "controlStyles[14].styles[1]": "FontSize=13",
  "controlStyles[14].styles[2]": "HorizontalAlignment=Left",
  "controlStyles[15].target": "StartDocked.NavigationPaneView > Grid#RootPanel",
  "controlStyles[15].styles[0]": "FlowDirection=1",
  "controlStyles[16].target": "StartDocked.NavigationPaneButton#PowerButton",
  "controlStyles[16].styles[0]": "Width=150",
  "controlStyles[16].styles[1]": "CornerRadius=5",
  "controlStyles[17].target": "StartDocked.PowerOptionsView",
  "controlStyles[17].styles[0]": "Margin=-300,0,0,-910",
  "controlStyles[17].styles[1]": "Transform3D:=<CompositeTransform3D TranslateX=\"-100\" TranslateY=\"-500\" RotationZ=\"-90\" />",
  "controlStyles[18].target": "StartDocked.NavigationPaneButton#UserTileButton > Grid > ContentPresenter",
  "controlStyles[18].styles[0]": "FlowDirection=0",
  "controlStyles[19].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[19].styles[0]": "FontFamily=Segoe UI, Segoe Fluent Icons",
  "controlStyles[19].styles[1]": "Text= Power",
  "controlStyles[20].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[20].styles[0]": "Text= Documents",
  "controlStyles[21].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[21].styles[0]": "Text= Download",
  "controlStyles[22].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[22].styles[0]": "Text= Music",
  "controlStyles[23].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[23].styles[0]": "Text= Picture",
  "controlStyles[24].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[24].styles[0]": "Text= Video",
  "controlStyles[25].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[25].styles[0]": "Text= Network",
  "controlStyles[26].target": "Windows.UI.Xaml.Controls.Grid#MoreSuggestionsRoot",
  "controlStyles[26].styles[0]": "Margin=30,0,220,0",
  "controlStyles[27].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[27].styles[0]": "Text= File Explorer",
  "controlStyles[28].target": "Windows.UI.Xaml.Controls.Grid#AllAppsRoot",
  "controlStyles[28].styles[0]": "Margin=190,0,70,0",
  "controlStyles[29].target": "Button#ShowAllAppsButton > ContentPresenter#ContentPresenter@CommonStates",
  "controlStyles[29].styles[0]": "RenderTransform:=<TranslateTransform Y=\"-6\" X=\"-30\" />",
  "controlStyles[30].target": "StartDocked.NavigationPaneButton#PowerButton > Grid > Border#BackgroundBorder",
  "controlStyles[30].styles[0]": "Background:=#90fb03ff",
  "controlStyles[30].styles[1]": "CornerRadius=10",
  "controlStyles[31].target": "StartDocked.UserTileView#UserTile",
  "controlStyles[31].styles[0]": "Transform3D:=<CompositeTransform3D TranslateX=\"420\" TranslateY=\"100\" RotationZ=\"270\" />",
  "controlStyles[31].styles[1]": "Margin=300,-200,-300,0",
  "controlStyles[32].target": "Border#AcrylicBorder",
  "controlStyles[32].styles[0]": "Background:=<AcrylicBrush TintColor=\"#de0993\" TintOpacity=\"1\" />",
  "controlStyles[32].styles[1]": "Background:=<LinearGradientBrush StartPoint=\"0.5,0\" EndPoint=\"0,0.5\"> <GradientStop Color=\"#3f0991\" Offset=\"0\" /><GradientStop Color=\"#de07af\" Offset=\"1\" /></LinearGradientBrush>",
  "controlStyles[32].styles[2]": "BorderThickness=1",
  "controlStyles[32].styles[3]": "CornerRadius=5",
  "controlStyles[32].styles[4]": "Margin=0",
  "controlStyles[32].styles[5]": "BorderBrush:=#777eb4",
  "controlStyles[33].target": "StartDocked.SearchBoxToggleButton ",
  "controlStyles[33].styles[0]": "Height=35",
  "controlStyles[33].styles[1]": "Margin=175,-20,0,20",
  "controlStyles[33].styles[2]": "Width=330",
  "controlStyles[33].styles[3]": "RenderTransform:=<TranslateTransform Y=\"590\" X=\"-3\" />",
  "controlStyles[33].styles[4]": "CornerRadius=5",
  "controlStyles[33].styles[5]": "BorderBrush=#de07af",
  "controlStyles[33].styles[6]": "BorderThickness=1",
  "controlStyles[34].target": "StartDocked.SearchBoxToggleButton > Grid > Windows.UI.Xaml.Controls.Border",
  "controlStyles[34].styles[0]": "Background:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\".3\" TintLuminosityOpacity=\".5\" Opacity=\"1\"/>",
  "controlStyles[34].styles[1]": "CornerRadius=5",
  "controlStyles[34].styles[3]": "BorderThickness=2",
  "controlStyles[35].target": "Border#AcrylicOverlay",
  "controlStyles[35].styles[1]": "Width=230",
  "controlStyles[35].styles[2]": "RenderTransform:=<TranslateTransform Y=\"0\" X=\"-408\" />",
  "controlStyles[35].styles[3]": "CornerRadius=5",
  "controlStyles[35].styles[4]": "Margin=0,2,0,-62",
  "controlStyles[36].target": "Border#ContentBorder@CommonStates > Grid#DroppedFlickerWorkaroundWrapper > Border",
  "controlStyles[36].styles[0]": "CornerRadius=5",
  "controlStyles[36].styles[1]": "FocusVisualPrimaryBrush:=<SolidColorBrush Color=\"#b3cefd\" Opacity=\".10\"/>",
  "controlStyles[36].styles[2]": "Height=80",
  "controlStyles[36].styles[3]": "Width=92",
  "controlStyles[37].target": "Windows.UI.Xaml.Controls.Border#ContentBorder@CommonStates > Windows.UI.Xaml.Controls.Grid#DroppedFlickerWorkaroundWrapper > Border#BackgroundBorder",
  "controlStyles[38].target": "StartDocked.NavigationPaneButton#UserTileButton > Grid@CommonStates > Border ",
  "controlStyles[38].styles[0]": "CornerRadius=5",
  "controlStyles[38].styles[1]": "Height=40",
  "controlStyles[38].styles[2]": "Margin=-0,0,0,0",
  "controlStyles[39].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[39].styles[0]": "Text= Settings",
  "controlStyles[40].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]",
  "controlStyles[40].styles[0]": "Text= User Folder",
  "controlStyles[41].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText",
  "controlStyles[41].styles[0]": "Margin=210,-10,0,0",
  "controlStyles[42].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle",
  "controlStyles[42].styles[0]": "Visibility=Collapsed",
  "controlStyles[43].target": "Windows.UI.Xaml.Controls.Grid#MoreSuggestionsRoot",
  "controlStyles[43].styles[0]": "Margin=240,0,80,0",
  "controlStyles[44].target": "StartDocked.UserTileView#UserTile > StartDocked.NavigationPaneButton#UserTileButton",
  "controlStyles[44].styles[0]": "Margin=-10,0,0,0",
  "controlStyles[45].target": "StartDocked.UserTileView#UserTile > StartDocked.NavigationPaneButton#UserTileButton > Grid > Border",
  "controlStyles[45].styles[0]": "Background:=#40fb03ff",
  "controlStyles[45].styles[1]": "CornerRadius=10",
  "controlStyles[46].target": "Windows.UI.Xaml.Controls.Border#BorderElement",
  "controlStyles[46].styles[0]": "CornerRadius=20",
  "controlStyles[47].target": "Border#AcrylicBorder",
  "controlStyles[47].styles[0]": "CornerRadius=5",
  "controlStyles[47].styles[1]": "Width=580",
  "controlStyles[47].styles[2]": "HorizontalAlignment=Left",
  "controlStyles[48].target": "Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager",
  "controlStyles[48].styles[0]": "Visibility=Collapsed",
  "controlStyles[49].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText",
  "controlStyles[49].styles[0]": "Background=#46c9d8ed",
  "controlStyles[50].target": "Windows.UI.Xaml.Controls.Border#ContentBorder@CommonStates > Windows.UI.Xaml.Controls.Grid#DroppedFlickerWorkaroundWrapper > Border#BackgroundBorder",
  "controlStyles[50].styles[0]": "Background@Normal:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\"0\" TintLuminosityOpacity=\".25\" Opacity=\"2\"/>",
  "controlStyles[50].styles[1]": "Background@PointerOver:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\"0\" TintLuminosityOpacity=\".0\" Opacity=\"1\"/>",
  "controlStyles[50].styles[2]": "BorderThickness=1",
  "controlStyles[50].styles[3]": "Height=80",
  "controlStyles[50].styles[4]": "Margin=0,0,0,0",
  "controlStyles[51].target": "StartDocked.SearchBoxToggleButton > Grid > Windows.UI.Xaml.Controls.Border",
  "controlStyles[51].styles[0]": "Background:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\".3\" TintLuminosityOpacity=\".5\" Opacity=\"1\"/>",
  "controlStyles[51].styles[1]": "CornerRadius=5"
}