Gradient Settings Styler for Windows 11
Gradient Settings Styler for Windows 11 : Give the Windows 11 Settings app a colorful new appearance with the Gradient Settings Styler. This Windhawk customization adds gradient cards, rounded corners and a modern dark interface while keeping the familiar Settings layout.
Gradient Settings Styler for Windows 11
The Gradient Settings Styler For Windows 11 gives the Windows Settings app a colorful and modern visual upgrade. It changes the appearance of the Settings window while keeping the familiar navigation, categories and controls easy to recognize.
This style is designed for the Windows 11 Settings Styler mod available through Windhawk. It combines a dark background with blue, purple, cyan and pink gradient elements to create a more attractive desktop experience.
The customization mainly affects the Windows 11 Settings app. It does not replace the Start menu, taskbar or File Explorer unless you install separate compatible styles for those parts of Windows.
What Is This Windhawk Style?
The Gradient Settings Styler is a collection of visual settings that changes how the Windows 11 Settings app looks. It uses custom styling rules to adjust elements such as backgrounds, navigation items, setting cards, borders and selected menu states.
Instead of modifying the basic function of the Settings app, the style focuses on appearance. You can continue opening System, Bluetooth, Network, Personalization, Apps and other familiar categories in the usual way.
This makes it suitable for users who want a customized Windows desktop without replacing the normal Settings layout with an unfamiliar interface.
Design Overview
The design shown in the preview uses a deep navy and purple background across the main Settings window. The left navigation panel has a dark teal appearance that separates it clearly from the content area.
Setting cards use smooth horizontal gradients that move between cyan, blue, purple and magenta. The colorful cards stand out against the darker background while keeping white text and icons easy to read.
The selected navigation item also receives a bright blue-to-purple gradient highlight. A small cyan accent beside the selected item makes the active section easier to identify.
Rounded corners are used throughout the interface, including the main window, setting cards, search field, profile area and navigation selection. These details help the Settings app match the modern visual direction of Windows 11.
The overall design works especially well with neon, abstract, dark blue, purple or pink wallpapers.
Key Features
- Custom Windows 11 Settings app appearance
- Designed for Windhawk Settings Styler customization
- Blue, purple, cyan and magenta gradient cards
- Dark navy and teal interface background
- Rounded setting cards and navigation elements
- Colorful selected-menu hover and active effects
- Clear white icons and readable text
- Modern desktop personalization
- Works well with matching themes, icons and wallpapers
- Keeps the familiar Windows Settings structure
Before applying the style, check that your Windows 11 build is supported by the required Windhawk mod. Windows interface components can change after major or cumulative updates, which may affect custom selectors and styling rules.
You should also confirm that Windhawk and the required Settings customization mod are updated to compatible versions. A configuration created for one mod version may not work correctly with an older or significantly newer release.
Display scaling can also affect spacing and alignment. Users with 125%, 150%, or higher scaling may need to adjust certain size, margin, or width values if the style code provides those options.
This style should not be described as an official Microsoft theme. It is a third-party visual customization intended for users who understand how to manage Windhawk mods and restore default settings when necessary.
- Windows 11 21H2: May work Not tested
- Windows 11 22H2: May work Not Tested
- Windows 11 23H2: Recommended
- Windows 11 24H2: Recommended
- Windows 11 25H2: YES but test carefully after Windows updates
- Download & Install windhawk.
- install & Open Windows 11 Settings Styler
- Go to the Advanced tab
- Copy the content below and paste it into the text box and click “Save”.
- For more details, visit this GitHub guide
- For more Windhawk Styler, visit Check My Windhawk Category
{ "styleConstants[0]": "GlassBlur=32", "styleConstants[1]": "GlassTintOpacity=0.24", "styleConstants[2]": "GlassLuminosity=0.16", "styleConstants[3]": "GlassNoise=0.025", "styleConstants[4]": "OuterRadius=18", "styleConstants[5]": "CardRadius=14", "styleConstants[6]": "SearchRadius=13", "styleConstants[7]": "GlowBorderThickness=1.25", "themeResourceVariables[0]": "FutGlassRootTint@Dark=#10051F", "themeResourceVariables[1]": "FutGlassRootTint@Light=#EAF7FF", "themeResourceVariables[2]": "FutGlassFallback@Dark=#120724", "themeResourceVariables[3]": "FutGlassFallback@Light=#F5EEFF", "themeResourceVariables[4]": "FutGlassPaneOverlay@Dark=#5011092B", "themeResourceVariables[5]": "FutGlassPaneOverlay@Light=#6AF4EFFF", "themeResourceVariables[6]": "FutGlassContentOverlay@Dark=#24170A35", "themeResourceVariables[7]": "FutGlassContentOverlay@Light=#30FFFFFF", "themeResourceVariables[8]": "FutGlassCard@Dark=#50160B33", "themeResourceVariables[9]": "FutGlassCard@Light=#78FFFFFF", "themeResourceVariables[10]": "FutGlassCardHover@Dark=#7021174A", "themeResourceVariables[11]": "FutGlassCardHover@Light=#A8FFFFFF", "themeResourceVariables[12]": "FutGlassCardPressed@Dark=#8011092A", "themeResourceVariables[13]": "FutGlassCardPressed@Light=#B8E9E4FF", "themeResourceVariables[14]": "FutGlassNavHover@Dark=#503A19A8", "themeResourceVariables[15]": "FutGlassNavHover@Light=#403C5CFF", "themeResourceVariables[16]": "FutGlassNavSelected@Dark=#703B20D9", "themeResourceVariables[17]": "FutGlassNavSelected@Light=#55451CFF", "themeResourceVariables[18]": "FutGlassControl@Dark=#6016083A", "themeResourceVariables[19]": "FutGlassControl@Light=#90FFFFFF", "themeResourceVariables[20]": "FutGlassBorder@Dark=#8800F0FF", "themeResourceVariables[21]": "FutGlassBorder@Light=#775B45FF", "themeResourceVariables[22]": "FutGlassAccent@Dark=#00F0FF", "themeResourceVariables[23]": "FutGlassAccent@Light=#4A19FF", "themeResourceVariables[24]": "FutGlassText@Dark=#FFF9FCFF", "themeResourceVariables[25]": "FutGlassText@Light=#FF17112B", "themeResourceVariables[26]": "FutGlassSubtext@Dark=#D0D8CFFF", "themeResourceVariables[27]": "FutGlassSubtext@Light=#B84B3D69", "themeResourceVariables[28]": "FutNeonCyan@Dark=#FF00F0FF", "themeResourceVariables[29]": "FutNeonCyan@Light=#FF0077FF", "themeResourceVariables[30]": "FutNeonBlue@Dark=#FF176BFF", "themeResourceVariables[31]": "FutNeonBlue@Light=#FF3158E8", "themeResourceVariables[32]": "FutNeonPurple@Dark=#FF8B36FF", "themeResourceVariables[33]": "FutNeonPurple@Light=#FF7333E8", "themeResourceVariables[34]": "FutNeonPink@Dark=#FFFF2BD6", "themeResourceVariables[35]": "FutNeonPink@Light=#FFE018A9", "themeResourceVariables[36]": "FutNeonCyanSoft@Dark=#4400F0FF", "themeResourceVariables[37]": "FutNeonCyanSoft@Light=#330077FF", "themeResourceVariables[38]": "FutNeonPurpleSoft@Dark=#448B36FF", "themeResourceVariables[39]": "FutNeonPurpleSoft@Light=#337333E8", "themeResourceVariables[40]": "FutNeonPinkSoft@Dark=#44FF2BD6", "themeResourceVariables[41]": "FutNeonPinkSoft@Light=#33E018A9", "themeResourceVariables[42]": "FutNeonBlueSoft@Dark=#44176BFF", "themeResourceVariables[43]": "FutNeonBlueSoft@Light=#333158E8", "themeResourceVariables[44]": "FutSurfaceDeep@Dark=#CC120A29", "themeResourceVariables[45]": "FutSurfaceDeep@Light=#CFEFF7FF", "themeResourceVariables[46]": "FutSurfaceHover@Dark=#E21A1138", "themeResourceVariables[47]": "FutSurfaceHover@Light=#F8FFFFFF", "themeResourceVariables[48]": "FutSurfacePressed@Dark=#FF0D0820", "themeResourceVariables[49]": "FutSurfacePressed@Light=#FFE8F2FF", "themeResourceVariables[50]": "FutSearchFocus@Dark=#FF63F7FF", "themeResourceVariables[51]": "FutSearchFocus@Light=#FF5D3EFF", "controlStyles[0].target": "SystemSettings.View.RootPage > Grid#RootPageGrid", "controlStyles[0].styles[0]": "Background:=<WindhawkBlur BlurAmount=\"$GlassBlur\" TintColor=\"{ThemeResource FutGlassRootTint}\" TintOpacity=\"$GlassTintOpacity\" TintLuminosityOpacity=\"$GlassLuminosity\" TintSaturation=\"1\" NoiseOpacity=\"$GlassNoise\" NoiseDensity=\"0.9\" FallbackColor=\"{ThemeResource FutGlassFallback}\" />", "controlStyles[1].target": "SystemSettings.View.RootPage > Grid#RootPageGrid > Grid#AppTitleBar", "controlStyles[1].styles[0]": "Background=Transparent", "controlStyles[2].target": "SystemSettings.View.RootPage > Grid#RootPageGrid > Microsoft.UI.Xaml.Controls.NavigationView#PermanentNavigationView", "controlStyles[2].styles[0]": "Background=Transparent", "controlStyles[3].target": "Microsoft.UI.Xaml.Controls.NavigationView#PermanentNavigationView > Grid#RootGrid > Grid > SplitView#RootSplitView", "controlStyles[3].styles[0]": "Background=Transparent", "controlStyles[3].styles[1]": "BorderThickness=0", "controlStyles[4].target": "Microsoft.UI.Xaml.Controls.NavigationView#PermanentNavigationView > Grid#RootGrid > Grid > SplitView#RootSplitView > Grid > Grid#PaneRoot", "controlStyles[4].styles[0]": "Background:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassPaneOverlay}\" Offset=\"0.48\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[5].target": "Microsoft.UI.Xaml.Controls.NavigationView#PermanentNavigationView > Grid#RootGrid > Grid > SplitView#RootSplitView > Grid > Grid#PaneRoot > Border", "controlStyles[5].styles[0]": "Background=Transparent", "controlStyles[5].styles[1]": "BorderBrush:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyan}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.55\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[5].styles[2]": "BorderThickness=0,0,1,0", "controlStyles[6].target": "Microsoft.UI.Xaml.Controls.NavigationView#PermanentNavigationView > Grid#RootGrid > Grid > SplitView#RootSplitView > Grid > Grid#ContentRoot", "controlStyles[6].styles[0]": "Background:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassContentOverlay}\" Offset=\"0.22\" /><GradientStop Color=\"{ThemeResource FutGlassContentOverlay}\" Offset=\"0.76\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[7].target": "Microsoft.UI.Xaml.Controls.NavigationView#PermanentNavigationView > Grid#RootGrid > Grid > SplitView#RootSplitView > Grid > Grid#ContentRoot > Border", "controlStyles[7].styles[0]": "Background=Transparent", "controlStyles[7].styles[1]": "BorderBrush=Transparent", "controlStyles[8].target": "SplitView#RootSplitView > Grid > Grid#ContentRoot > Border > Grid#ContentGrid", "controlStyles[8].styles[0]": "Background=Transparent", "controlStyles[9].target": "Frame#PermanentNavRootFrame", "controlStyles[9].styles[0]": "Background=Transparent", "controlStyles[10].target": "SystemSettings.View.CategoryPage", "controlStyles[10].styles[0]": "Background=Transparent", "controlStyles[11].target": "Grid#RootGrid > Grid#ShadowCaster", "controlStyles[11].styles[0]": "Visibility=Collapsed", "controlStyles[12].target": "SystemSettings.View.RootPage > Grid#RootPageGrid > Grid#RootCommandSearchGrid > SystemSettings.View.SettingsAutoSuggestCommandSearchBox#CommandSearchBox", "controlStyles[12].styles[0]": "CornerRadius=$SearchRadius", "controlStyles[13].target": "TextBox#CommandSearchTextBox@CommonStates", "controlStyles[13].styles[0]": "Background@Normal:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassControl}\" Offset=\"0.48\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[13].styles[1]": "Background@PointerOver:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutSurfaceHover}\" Offset=\"0.48\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[13].styles[2]": "Background@Focused:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutSurfaceHover}\" Offset=\"0.5\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[13].styles[3]": "BorderBrush@Normal:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyan}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.52\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[13].styles[4]": "BorderBrush@PointerOver:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutSearchFocus}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.5\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[13].styles[5]": "BorderBrush@Focused:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutSearchFocus}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.45\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[13].styles[6]": "BorderThickness=$GlowBorderThickness", "controlStyles[13].styles[7]": "CornerRadius=$SearchRadius", "controlStyles[13].styles[8]": "MinHeight=38", "controlStyles[13].styles[9]": "Foreground={ThemeResource FutGlassText}", "controlStyles[14].target": "StackPanel#SettingsCommandSearchBoxBackground", "controlStyles[14].styles[0]": "Background=Transparent", "controlStyles[14].styles[1]": "CornerRadius=$SearchRadius", "controlStyles[14].styles[2]": "MinHeight=38", "controlStyles[15].target": "TextBox#CommandSearchTextBox > Grid > Button#DeleteButton > Grid#ButtonLayoutGrid", "controlStyles[15].styles[0]": "CornerRadius=9", "controlStyles[16].target": "SystemSettings.View.SettingsNavigationViewItem > Grid#NVIRootGrid > Microsoft.UI.Xaml.Controls.Primitives.NavigationViewItemPresenter#NavigationViewItemPresenter > Grid#LayoutRoot@PointerStates", "controlStyles[16].styles[0]": "CornerRadius=11", "controlStyles[16].styles[1]": "Margin=8,2,8,2", "controlStyles[16].styles[2]": "Background@Normal=Transparent", "controlStyles[16].styles[3]": "Background@PointerOver:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassNavHover}\" Offset=\"0.5\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[16].styles[4]": "Background@Pressed={ThemeResource FutGlassCardPressed}", "controlStyles[16].styles[5]": "Background@Selected:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassNavSelected}\" Offset=\"0.48\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[16].styles[6]": "Background@PointerOverSelected:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassNavSelected}\" Offset=\"0.48\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[16].styles[7]": "Background@PressedSelected={ThemeResource FutGlassCardPressed}", "controlStyles[17].target": "SystemSettings.View.SettingsNavigationViewItem > Grid#NVIRootGrid > Microsoft.UI.Xaml.Controls.Primitives.NavigationViewItemPresenter#NavigationViewItemPresenter > Grid#LayoutRoot > Grid#PresenterContentRootGrid > Grid > Rectangle#SelectionIndicator", "controlStyles[17].styles[0]": "Fill:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\"><GradientStop Color=\"{ThemeResource FutNeonCyan}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.52\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[17].styles[1]": "RadiusX=3", "controlStyles[17].styles[2]": "RadiusY=3", "controlStyles[17].styles[3]": "Width=4", "controlStyles[18].target": "SystemSettings.View.SettingsNavigationViewItem > Grid#NVIRootGrid > Microsoft.UI.Xaml.Controls.Primitives.NavigationViewItemPresenter#NavigationViewItemPresenter > Grid#LayoutRoot > Grid#PresenterContentRootGrid > Grid#ContentGrid > ContentPresenter#ContentPresenter > TextBlock", "controlStyles[18].styles[0]": "Foreground={ThemeResource FutGlassText}", "controlStyles[19].target": "SplitView#RootSplitView > Grid > Grid#PaneRoot > Border > Grid#PaneContentGrid > ContentControl#PaneCustomContentBorder > ContentPresenter > SystemSettings.View.SpacingStackPanel > SystemSettings.View.UserProfileControl#UserProfileControl > Button#UserProfileButton@CommonStates", "controlStyles[19].styles[0]": "Background@Normal:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassControl}\" Offset=\"0.5\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[19].styles[1]": "Background@PointerOver:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutSurfaceHover}\" Offset=\"0.48\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[19].styles[2]": "Background@Pressed={ThemeResource FutSurfacePressed}", "controlStyles[19].styles[3]": "BorderBrush@Normal:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyan}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.58\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[19].styles[4]": "BorderBrush@PointerOver:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutSearchFocus}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.56\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[19].styles[5]": "BorderThickness=$GlowBorderThickness", "controlStyles[19].styles[6]": "CornerRadius=$CardRadius", "controlStyles[19].styles[7]": "Margin=8,6,8,8", "controlStyles[20].target": "SystemSettings.View.SettingsListViewItem > Windows.UI.Xaml.Controls.Primitives.ListViewItemPresenter", "controlStyles[20].styles[0]": "Background:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassCard}\" Offset=\"0.24\" /><GradientStop Color=\"{ThemeResource FutSurfaceDeep}\" Offset=\"0.58\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"0.82\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[1]": "BorderBrush:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyan}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.55\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[2]": "BorderThickness=$GlowBorderThickness", "controlStyles[20].styles[3]": "PointerOverBackground:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.20\" /><GradientStop Color=\"{ThemeResource FutSurfaceHover}\" Offset=\"0.52\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"0.78\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[4]": "PointerOverBorderBrush:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutSearchFocus}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.50\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[5]": "PointerOverForeground={ThemeResource FutGlassText}", "controlStyles[20].styles[6]": "PressedBackground:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutSurfacePressed}\" Offset=\"0.50\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[7]": "SelectedBackground:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassNavSelected}\" Offset=\"0.50\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[8]": "SelectedPointerOverBackground:=<LinearGradientBrush StartPoint=\"0,0.5\" EndPoint=\"1,0.5\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutSurfaceHover}\" Offset=\"0.48\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[9]": "SelectedBorderBrush:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyan}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.55\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[10]": "RevealBackground:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"0.55\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[11]": "RevealBorderBrush:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutSearchFocus}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.52\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[20].styles[12]": "RevealBorderThickness=1.5", "controlStyles[20].styles[13]": "RevealBackgroundShowsAboveContent=False", "controlStyles[20].styles[14]": "CornerRadius=$CardRadius", "controlStyles[20].styles[15]": "Margin=0,4,0,4", "controlStyles[21].target": "SystemSettings.View.EntityItem", "controlStyles[21].styles[0]": "Background=Transparent", "controlStyles[21].styles[1]": "Foreground={ThemeResource FutGlassText}", "controlStyles[22].target": "SystemSettings.View.TwoSegmentsHeroUserControl#OneSegmentHeroEntityItemUserControl", "controlStyles[22].styles[0]": "Background:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassCard}\" Offset=\"0.28\" /><GradientStop Color=\"{ThemeResource FutNeonPurpleSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[22].styles[1]": "BorderBrush:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyan}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.55\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[22].styles[2]": "BorderThickness=$GlowBorderThickness", "controlStyles[22].styles[3]": "CornerRadius=$CardRadius", "controlStyles[22].styles[4]": "Foreground={ThemeResource FutGlassText}", "controlStyles[23].target": "Button#ContainerButton@CommonStates", "controlStyles[23].styles[0]": "Background@Normal:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyanSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutGlassCard}\" Offset=\"0.5\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[23].styles[1]": "Background@PointerOver:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonBlueSoft}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutSurfaceHover}\" Offset=\"0.48\" /><GradientStop Color=\"{ThemeResource FutNeonPinkSoft}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[23].styles[2]": "Background@Pressed={ThemeResource FutSurfacePressed}", "controlStyles[23].styles[3]": "BorderBrush@Normal:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyan}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.55\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[23].styles[4]": "BorderBrush@PointerOver:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutSearchFocus}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.55\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[23].styles[5]": "BorderThickness=$GlowBorderThickness", "controlStyles[23].styles[6]": "CornerRadius=$CardRadius", "controlStyles[24].target": "StackPanel#BackgroundStackPanel", "controlStyles[24].styles[0]": "Background=Transparent", "controlStyles[25].target": "SystemSettings.View.ReactNativeExperienceViewControl", "controlStyles[25].styles[0]": "Background=Transparent", "controlStyles[26].target": "TextBlock#TitleContent", "controlStyles[26].styles[0]": "Foreground={ThemeResource FutGlassText}", "controlStyles[27].target": "ContentPresenter#TitleContent", "controlStyles[27].styles[0]": "Foreground={ThemeResource FutGlassText}", "controlStyles[28].target": "ContentPresenter#SubtitleContent", "controlStyles[28].styles[0]": "Foreground={ThemeResource FutGlassSubtext}", "controlStyles[29].target": "ContentPresenter#IconContentPresenter", "controlStyles[29].styles[0]": "Foreground={ThemeResource FutNeonCyan}", "controlStyles[30].target": "Grid#ContentRoot > Border > Grid#ContentGrid > ContentControl#HeaderContent", "controlStyles[30].styles[0]": "Background=Transparent", "controlStyles[31].target": "ContentControl#HeaderContent > ContentPresenter > SystemSettings.View.AlignableContentControl#PermanentNavViewHeaderAlignControl > ContentPresenter > Microsoft.UI.Xaml.Controls.BreadcrumbBar#PermanentNavigationViewBreadcrumbBar > Microsoft.UI.Xaml.Controls.ItemsRepeater#PART_ItemsRepeater > Microsoft.UI.Xaml.Controls.BreadcrumbBarItem", "controlStyles[31].styles[0]": "Foreground={ThemeResource FutGlassText}", "controlStyles[31].styles[1]": "FontWeight=600", "controlStyles[32].target": "ToggleSwitch", "controlStyles[32].styles[0]": "CornerRadius=12", "controlStyles[33].target": "ComboBox", "controlStyles[33].styles[0]": "CornerRadius=10", "controlStyles[33].styles[1]": "BorderBrush:=<LinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\"><GradientStop Color=\"{ThemeResource FutNeonCyan}\" Offset=\"0.0\" /><GradientStop Color=\"{ThemeResource FutNeonPurple}\" Offset=\"0.55\" /><GradientStop Color=\"{ThemeResource FutNeonPink}\" Offset=\"1.0\" /></LinearGradientBrush>", "controlStyles[34].target": "Button", "controlStyles[34].styles[0]": "CornerRadius=10"}Final Thoughts
The Gradient Settings Styler For Windows 11 is a good choice for users who want a colorful Settings app without making the interface difficult to navigate. Its dark base, rounded cards and blue-to-magenta gradients create a modern look while preserving the familiar Windows 11 layout.
For the best result, use the style with a compatible Windows 11 build, an updated version of Windhawk and the correct Windows 11 Settings Styler configuration. Always keep a backup and apply customization settings carefully.
When paired with a matching wallpaper, taskbar style and icon pack, this design can create a clean and coordinated Windows 11 desktop.
FAQs
Do I need Windhawk for this style?
Yes. This design is intended for the Windows 11 Settings Styler mod available through Windhawk. Install Windhawk from its trusted official source and follow the mod instructions carefully.
Does this style customize the Windows 11 Start menu?
No. This style mainly changes the Windows Settings app. A separate compatible Windhawk mod and style are required to customize the Start menu.
Why is the style not working?
Common reasons include an unsupported Windows build, an outdated Windhawk mod, incomplete style code, incorrect targets, another conflicting style, or the need to restart the Settings app.
Can I return to the default Windows Settings design?
Yes. Disable the Windows 11 Settings Styler mod or remove the custom configuration. Reopen Settings or restart Windows to restore the default appearance.
Will this style modify original Windows system files?
The style is intended to work through Windhawk and its Settings Styler mod. Follow the recommended configuration method and avoid manually replacing or deleting original Windows files.
Can I use the style after a Windows update?
It may continue working after smaller updates. However, major Windows updates can change the Settings app structure, so some style targets may require an update.
Can I combine this with another Settings style?
Using one complete style at a time is recommended. Combining several configurations may create conflicting colors, spacing, backgrounds, or rounded-corner values.
Why do some Settings pages still have the default design?
Some pages may use different interface elements or may not be covered by the provided style. The configuration may need additional targets for those pages.
