├── README.md └── Themes ├── 21996 ├── README.md ├── screenshot-search.png ├── screenshot-small.png └── screenshot.png ├── Down Aero ├── README.md ├── screenshot-small.png └── screenshot.png ├── Everblush ├── README.md ├── screenshot-small.png └── screenshot.png ├── Fluent2Inspired ├── README.md ├── screenshot-small.png └── screenshot.png ├── LegacyFluent ├── README.md ├── screenshot-small.png └── screenshot.png ├── NoRecommendedSection ├── README.md ├── screenshot-small.png ├── screenshot-with-button.png └── screenshot.png ├── OnlySearch ├── README.md ├── screenshot-small.png └── screenshot.png ├── RosePine ├── README.md ├── screenshot-search-menu.png ├── screenshot-small.png └── screenshot.png ├── SideBySide ├── README.md ├── screenshot-small.png └── screenshot.png ├── SideBySide2 ├── README.md ├── screenshot-small.png └── screenshot.png ├── SideBySideMinimal ├── README.md ├── screenshot-small.png └── screenshot.png ├── TranslucentStartMenu ├── README.md ├── TranslucentSearchMenu.gif ├── screenshot-small.png └── screenshot.png ├── UniMenu ├── README.md ├── screenshot-small.png └── screenshot.png ├── Windows10 ├── README.md ├── screenshot-minimal.png ├── screenshot-old.png ├── screenshot-small-old.png ├── screenshot-small.png └── screenshot.png ├── Windows11_Metro10 ├── README.md ├── screenshot-small.png └── screenshot.png └── Windows11_Metro10Minimal ├── README.md ├── screenshot-small.png └── screenshot.png /README.md: -------------------------------------------------------------------------------- 1 | # The Windows 11 start menu styling guide 2 | 3 | ## Table of contents 4 | 5 | * [Introduction](#introduction) 6 | * [Finding targets](#finding-targets) 7 | * [Missing customizations](#missing-customizations) 8 | * [Contributing](#contributing) 9 | * [Themes](#themes) 10 | * [Custom Acrylic background](#custom-acrylic-background) 11 | * [Remove the search box](#remove-the-search-box) 12 | * [Move pinned app lists](#move-pinned-app-lists) 13 | * [Remove the Recommended section](#remove-the-recommended-section) 14 | * [Remove the user profile button](#remove-the-user-profile-button) 15 | * [Move the power button](#move-the-power-button) 16 | * [Force light/dark mode](#force-lightdark-mode) 17 | * [Semantic zoom (navigation)](#semantic-zoom-navigation) 18 | * [Transforms](#transforms) 19 | * [Translate](#translate) 20 | * [Rotate](#rotate) 21 | * [Scale](#scale) 22 | * [Skew](#skew) 23 | * [Other properties and attributes](#other-properties-and-attributes) 24 | * [Colors](#colors) 25 | * [Solid color](#solid-color) 26 | * [Accent colors](#accent-colors) 27 | * [Clear transparent background](#clear-transparent-background) 28 | * [Acrylic effect as color](#acrylic-effect-as-color) 29 | * [Mica effect as color](#mica-effect-as-color) 30 | * [Gradient as color](#gradient-as-color) 31 | * [Image as color](#image-as-color) 32 | * [Reveal as color](#reveal-as-color) 33 | * [Search menu](#search-menu) 34 | * [Search menu WebView styles](#search-menu-webview-styles) 35 | * [Hide the back button](#hide-the-back-button) 36 | * [Hide the Copilot button](#hide-the-copilot-button) 37 | * [Change the background color of search type headers](#change-the-background-color-of-search-type-headers) 38 | * [Hide the search type headers](#hide-the-search-type-headers) 39 | * [Hide the search type header scroll buttons](#hide-the-search-type-header-scroll-buttons) 40 | * [Hide the quick settings panel](#hide-the-quick-settings-panel) 41 | * [Hide the top result title](#hide-the-top-result-title) 42 | * [Change the background color of all search results](#change-the-background-color-of-all-search-results) 43 | * [Hide left-side pill of the selected search result](#hide-left-side-pill-of-the-selected-search-result) 44 | * [Change the width of the preview panel](#change-the-width-of-the-preview-panel) 45 | * [Change the background color of the preview panel](#change-the-background-color-of-the-preview-panel) 46 | * [Change the text font](#change-the-text-font) 47 | * [Change the icons font](#change-the-icons-font) 48 | 49 | ## Introduction 50 | 51 | This is a collection of commonly requested start menu styling customizations for 52 | Windows 11. It is intended to be used with the [Windows 11 Start Menu 53 | Styler](https://windhawk.net/mods/windows-11-start-menu-styler) Windhawk mod. 54 | 55 | If you're not familiar with Windhawk, here are the steps for installing the mod: 56 | 57 | * Download Windhawk from [windhawk.net](https://windhawk.net/) and install it. 58 | * Go to "Mods" in the upper right menu. 59 | * Find and install the "Windows 11 Start Menu Styler" mod. 60 | 61 | After installing the mod, open its Settings tab and adjust the styles according 62 | to your preferences. 63 | 64 | Some customizations are best to be adjusted with other Windhawk mods. Links to 65 | those mods are provided where applicable. 66 | 67 | **See also**: [The Windows 11 taskbar styling 68 | guide](https://github.com/ramensoftware/windows-11-taskbar-styling-guide/blob/main/README.md), 69 | [The Windows 11 notification center styling 70 | guide](https://github.com/ramensoftware/windows-11-notification-center-styling-guide/blob/main/README.md). 71 | 72 | ### Finding targets 73 | 74 | [How to find targets using UWPSpy](https://github.com/bbmaster123/FWFU/blob/main/uwpspy.md). 75 | 76 | ### Missing customizations 77 | 78 | If you're looking for a customization that is not listed here, please [open an 79 | issue](https://github.com/ramensoftware/windows-11-start-menu-styling-guide/issues/new). 80 | 81 | ### Contributing 82 | 83 | If you have a start menu styling customization or theme that you would like to 84 | share, please submit a pull request. 85 | 86 | ## Themes 87 | 88 | Themes are collections of styles that can be imported into the Windows 11 89 | Start Menu Styler mod. The following themes are available: 90 | 91 | | Link | Screenshot 92 | | ---- | ---------- 93 | | [NoRecommendedSection](Themes/NoRecommendedSection/README.md) | [![NoRecommendedSection](Themes/NoRecommendedSection/screenshot-small.png)](Themes/NoRecommendedSection/screenshot.png) 94 | | [SideBySide](Themes/SideBySide/README.md) | [![SideBySide](Themes/SideBySide/screenshot-small.png)](Themes/SideBySide/screenshot.png) 95 | | [SideBySide2](Themes/SideBySide2/README.md) | [![SideBySide2](Themes/SideBySide2/screenshot-small.png)](Themes/SideBySide2/screenshot.png) 96 | | [SideBySideMinimal](Themes/SideBySideMinimal/README.md) | [![SideBySideMinimal](Themes/SideBySideMinimal/screenshot-small.png)](Themes/SideBySideMinimal/screenshot.png) 97 | | [Windows10](Themes/Windows10/README.md) | [![Windows10](Themes/Windows10/screenshot-small.png)](Themes/Windows10/screenshot.png) 98 | | [TranslucentStartMenu](Themes/TranslucentStartMenu/README.md) | [![TranslucentStartMenu](Themes/TranslucentStartMenu/screenshot-small.png)](Themes/TranslucentStartMenu/screenshot.png) 99 | | [Windows11_Metro10](Themes/Windows11_Metro10/README.md) | [![Windows11_Metro10](Themes/Windows11_Metro10/screenshot-small.png)](Themes/Windows11_Metro10/screenshot.png) 100 | | [Fluent2Inspired](Themes/Fluent2Inspired/README.md) | [![Fluent2Inspired](Themes/Fluent2Inspired/screenshot-small.png)](Themes/Fluent2Inspired/screenshot.png) 101 | | [RosePine](Themes/RosePine/README.md) | [![RosePine](Themes/RosePine/screenshot-small.png)](Themes/RosePine/screenshot.png) 102 | | [Windows11_Metro10Minimal](Themes/Windows11_Metro10Minimal/README.md) | [![Windows11_Metro10Minimal](Themes/Windows11_Metro10Minimal/screenshot-small.png)](Themes/Windows11_Metro10Minimal/screenshot.png) 103 | | [Everblush](Themes/Everblush/README.md) | [![Everblush](Themes/Everblush/screenshot-small.png)](Themes/Everblush/screenshot.png) 104 | | [21996](Themes/21996/README.md) | [![21996](Themes/21996/screenshot-small.png)](Themes/21996/screenshot.png) 105 | | [Down Aero](Themes/Down%20Aero/README.md) | [![Down Aero](Themes/Down%20Aero/screenshot-small.png)](Themes/Down%20Aero/screenshot.png) 106 | | [UniMenu](Themes/UniMenu/README.md) | [![UniMenu](Themes/UniMenu/screenshot-small.png)](Themes/UniMenu/screenshot.png) 107 | | [LegacyFluent](Themes/LegacyFluent/README.md) | [![LegacyFluent](Themes/LegacyFluent/screenshot-small.png)](Themes/LegacyFluent/screenshot.png) 108 | | [OnlySearch](Themes/OnlySearch/README.md) | [![OnlySearch](Themes/OnlySearch/screenshot-small.png)](Themes/OnlySearch/screenshot.png) 109 | 110 | ## Custom Acrylic background 111 | 112 | Target `Border#AcrylicBorder` for the start menu or `Border#AppBorder` for the search menu, then set `Background` to an `AcrylicBrush` object. 113 | 114 | For example: 115 | 116 | ``` 117 | Background:= 118 | ``` 119 | 120 | The [AcrylicBrush properties](https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.media.acrylicbrush?view=winrt-22621#properties) 121 | can be adjusted as needed. 122 | 123 | ## Remove the search box 124 | 125 | Target `StartDocked.SearchBoxToggleButton` with `Height=0`, `Margin=0,0,0,24`. 126 | 127 | ## Move pinned app lists 128 | 129 | Target `StartMenu.PinnedList` with `Margin=0,0,0,0`. 130 | Adjust values as needed. 131 | 132 | ## Remove the Recommended section 133 | 134 | Target the following elements: 135 | 136 | * `Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader` 137 | * `Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText` 138 | * `Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer` 139 | * `Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions` 140 | 141 | Set the style of each to: 142 | 143 | `Visibility=Collapsed` 144 | 145 | In addition, the pinned items can be adjusted to 146 | occupy the whole height by targeting `StartMenu.PinnedList` and setting 147 | `Height=504`. 148 | 149 | ## Remove the user profile button 150 | 151 | Target `StartDocked.UserTileView` with `Visibility=Collapsed`. 152 | 153 | ## Move the power button 154 | 155 | Target `StartDocked.PowerOptionsView` with `Margin=-580,-1330,0,0`. 156 | Adjust values as needed. 157 | 158 | ## Force light/dark mode 159 | 160 | Sets light/dark mode independently of what is set in Windows. 161 | 162 | `RequestedTheme=1` 163 | 164 | `1` = Light Mode 165 | 166 | `2` = Dark mode 167 | 168 | ## Semantic zoom (navigation) 169 | 170 | Semantic zoom is the feature that allows us to navigate the apps list using the alpha-numeric headers in the list. This lets you jump to a particular letter or number in the apps list quickly. 171 | For themes that have the apps list visible in the main start menu view, this feature does not work. As an optional work around, you may enable the hidden zoom button. This button allows you to access the alpha-numeric navigation view. This is the zoomed out view, which is why this is called semantic zoom. 172 | 173 | Target: 174 | ``` 175 | Windows.UI.Xaml.Controls.SemanticZoom#ZoomControl 176 | ``` 177 | Styles: 178 | ``` 179 | IsZoomOutButtonEnabled=True 180 | ``` 181 | 182 | Target: 183 | ``` 184 | Windows.UI.Xaml.Controls.Button#ZoomOutButton 185 | ``` 186 | Styles: 187 | ``` 188 | Width=40 189 | Height=40 190 | ``` 191 | 192 | Target: 193 | ``` 194 | Windows.UI.Xaml.Controls.Button#ZoomOutButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.TextBlock 195 | ``` 196 | Styles: 197 | ``` 198 | Text= 199 | FontSize=28 200 | ``` 201 | 202 | You may replace `Text=` with any other character. Use Character Map to find, copy, and paste the character into the style box. 203 | 204 | ## Transforms 205 | 206 | You can use transformation styles to translate, rotate, scale, or skew elements. 207 | 208 | > [!TIP] 209 | > **Should I use `RenderTransform` or `Transform3D`?** 210 | > 211 | > For 2D transformations, it is best to stick to `RenderTransform` in most cases. Using `Transform3D` for 2D transformations can cause elements to become blurry. For 3D transformations, you must use `Transform3D`. 212 | 213 | > [!TIP] 214 | > You can mix and match transformations when using `Transform3D`! You can also use `RenderTransform` and `Transform3D` together. 215 | > 216 | > For example: `Transform3D:=` 217 | 218 | ### Translate 219 | 220 | ``` 221 | RenderTransform:= 222 | ``` 223 | 224 | -- or -- 225 | 226 | ``` 227 | Transform3D:= 228 | ``` 229 | 230 | ### Rotate 231 | 232 | ``` 233 | RenderTransform:= 234 | ``` 235 | 236 | -- or -- 237 | 238 | ``` 239 | Transform3D:= 240 | ``` 241 | 242 | - `X`: 3D vertical rotation. 243 | - `Y`: 3D horizontal rotation. 244 | - `Z`: 2D rotation. 245 | 246 | ### Scale 247 | 248 | ``` 249 | RenderTransform:= 250 | ``` 251 | 252 | -- or -- 253 | 254 | ``` 255 | Transform3D:= 256 | ``` 257 | 258 | ### Skew 259 | 260 | ``` 261 | RenderTransform:= 262 | ``` 263 | 264 | ### Other properties and attributes 265 | 266 | - Applies to Rotate, Scale and Skew: 267 | - `CenterX`: Offsets the transform's origin on the X axis. 268 | - `CenterY`: Offsets the transform's origin on the Y axis. 269 | - `CenterZ`: Offsets the transform's origin on the Z axis. (Only for `Transform3D`) 270 | 271 | Example: 272 | ``` 273 | RenderTransform:= 274 | ``` 275 | - `RenderTransformOrigin` 276 | - Applies to `RenderTransform` only, `Transform3D` does not support this attribute. It is a separate attribute and is not set inside of the `RenderTransform` like `CenterX/Y/Z`. 277 | - Sets the transform origin relative to its target's width and height. Format is `X,Y` and both numbers range from 0-1. 278 | 279 | Example: 280 | 281 | ``` 282 | RenderTransformOrigin=0.5,0.5 283 | ``` 284 | This centers the transform's origin. 285 | 286 | - `TransformGroup` 287 | - Applies to `RenderTransform` only, `Transform3D` does not support this attribute. It is a separate attribute and is not set inside of the `RenderTransform` like `CenterX/Y/Z`. 288 | - Allows you to combine RenderTransforms together into one style, mimicking Transform3D's functionality. 289 | 290 | Example: 291 | ``` 292 | RenderTransform:= 293 | ``` 294 | ## Colors 295 | 296 | In the following examples, we will use `Background` as our style, but this 297 | also works for other properties that accept colors, such as `Fill`. 298 | 299 | ### Solid color 300 | 301 | ``` 302 | Background= 303 | ``` 304 | 305 | Replace `` with the desired color. 306 | 307 | A color can be a name (e.g. `Red`) or a hex code (e.g. `#FF0000`). 308 | 309 | The color can be semi-transparent (e.g. `#80FF0000`). To have a fully 310 | transparent background, use `Transparent` or `#00000000`. 311 | 312 | ### Accent colors 313 | 314 | A Color can also be a `ThemeResource` or `StaticResource`. There are many such 315 | styles built into Windows. 316 | 317 | ``` 318 | Background:= 319 | ``` 320 | 321 | Accent colors come as part of an accent color palette. This means that for any color you pick as your system accent color, 3 additional shades are part of that color's palette. For example: `SystemAccentColorLight2` or `SystemAccentColorDark1`. 322 | 323 | The word `Light` or `Dark` is appended at end with 324 | a number ranging from 1-3. See [the official Microsoft 325 | docs](https://learn.microsoft.com/en-us/windows/apps/design/style/color#accent-color-palette) 326 | for more information. 327 | 328 | ``` 329 | Background:= 330 | ``` 331 | 332 | ### Clear Transparent Background 333 | 334 | To have a fully transparent background: 335 | 336 | Style: 337 | ``` 338 | Background=Transparent 339 | ``` 340 | 341 | ### Acrylic effect as color 342 | 343 | In order to use the acrylic effect (a blurred background) you can use the 344 | `AcrylicBrush`. 345 | 346 | ``` 347 | Background:= 348 | ``` 349 | 350 | `TintColor` - Required. Defines what color to use. 351 | 352 | `TintOpacity` - Defines the strength of the chosen color. 353 | 354 | `TintLuminosityOpacity` - Defines the brightness of the acrylic effect. 355 | 356 | `BackgroundSource` - Defines what should be considered the background of the acrylic effect. Set to "Backdrop" to use the desktop wallpaper. 357 | 358 | `Opacity` - Defines how transparent the brush effect itself is. If set to less than 1, it blends the AcrylicBrush with clear transparency. 359 | 360 | You can also set Acrylic to use an accent color for a more dynamic look, that fits current theme. 361 | 362 | ``` 363 | Background:= 364 | ``` 365 | 366 | ### Mica effect as color 367 | 368 | > [!NOTE] 369 | > Unfortunately, it is not possible to set a Mica effect at this time with any of Windhawk's styler mods. 370 | 371 | ### Gradient as color 372 | 373 | The background can also be a gradient. For example, to have a gradient from 374 | yellow to red to blue to lime green, use the following style: 375 | 376 | ``` 377 | Background:= 378 | ``` 379 | 380 | ### Image as color 381 | 382 | The background can also be an image: 383 | 384 | ``` 385 | Background:= 386 | ``` 387 | 388 | Replace `` with your own image, a URL or a local file path. 389 | If you only see a fully transparent background when using a local file path, you must set a URL instead. 390 | Images can be jpg, jpg XR, png, bmp, svg, tiff, gif, or ico. 391 | 392 | Stretch can be set to the following values: 393 | 394 | `None` - Image is rendered at its native resolution and aspect ratio. 395 | 396 | `Fill` - Image is stretched or squished to fill the size of the element. 397 | 398 | `Uniform` - Image is resized to fit the element dimensions, while it preserves its native aspect ratio. 399 | 400 | `UniformToFill` - Image is resized to fill the destination dimensions while it preserves its native aspect ratio. Crops to fit element. 401 | 402 | ### Reveal as color 403 | 404 | > [!NOTE] 405 | > Reveal is a deprecated XAML feature. It may have issues 406 | > or stop working at any time. 407 | 408 | Reveal is the cursor-based illumination effect from Windows 10. 409 | 410 | ``` 411 | Background:= 412 | ``` 413 | 414 | ``` 415 | BorderBrush:= 416 | ``` 417 | 418 | **Only** `RevealBorderBrush` should be used, `RevealBackgroundBrush` does not work correctly in most scenarios. 419 | 420 | `Opacity` can be changed to increase or decrease the intensity of the effect. 421 | 422 | ## Search menu 423 | 424 | The search menu may also be included in your custom theme, and some of the built-in themes already support this as well. The search menu has some of its own unique targets, but does share some targets with the start menu. This means that some start menu styles will automatically be inherited and applied to search as well, but some elements may need to specifically targeted. 425 | 426 | Versions 1.2 and newer of Windows 11 Start Menu Styler automatically apply the styles to the search menu. In order to include search in your theme in older versions: 427 | 1. Go to the `Advanced` tab at the top in the Start Menu Styler mod. 428 | 2. In the custom process inclusion list below, enter `SearchHost.exe`. 429 | 3. Click save. 430 | 431 | ## Search menu WebView styles 432 | 433 | While the start menu uses WinUI for its user interface, most of the search content (all but the top search bar) is a WebView element. To style the search WebView, CSS targets and styles can be used. For example, to set a red background, the target `body` and the style `background: red !important` can be used. 434 | 435 | ### Hide the back button 436 | 437 | Target: 438 | ``` 439 | .scope-with-background__backButton 440 | ``` 441 | Style: 442 | ``` 443 | display: none !important 444 | ``` 445 | 446 | ### Hide the Copilot button 447 | 448 | Target: 449 | ``` 450 | #chatButtonRight 451 | ``` 452 | Style: 453 | ``` 454 | display: none !important 455 | ``` 456 | 457 | ### Change the background color of search type headers 458 | 459 | Target: 460 | ``` 461 | .scope-tile > div 462 | ``` 463 | Style: 464 | ``` 465 | background-color: Black !important 466 | ``` 467 | 468 | ### Hide the search type headers 469 | 470 | Target: 471 | ``` 472 | #scopesHeader 473 | ``` 474 | Style: 475 | ``` 476 | display: none !important 477 | ``` 478 | 479 | ### Hide the search type header scroll buttons 480 | 481 | Target: 482 | ``` 483 | .scope-with-background__rightCaret, .scope-with-background__leftCaret 484 | ``` 485 | Style: 486 | ``` 487 | display: none !important 488 | ``` 489 | 490 | ### Hide the quick settings panel 491 | 492 | Target: 493 | ``` 494 | .curatedSettingsGroup 495 | ``` 496 | Style: 497 | ``` 498 | display: none !important 499 | ``` 500 | 501 | ### Hide the top result title 502 | 503 | Target: 504 | ``` 505 | #topHitHeader 506 | ``` 507 | Style: 508 | ``` 509 | display: none !important 510 | ``` 511 | 512 | ### Change the background color of all search results 513 | 514 | Target: 515 | ``` 516 | .suggContainer 517 | ``` 518 | Style: 519 | ``` 520 | background-color: Black !important 521 | ``` 522 | 523 | ### Hide left-side pill of the selected search result 524 | 525 | Target: 526 | ``` 527 | .leftPill::before 528 | ``` 529 | Style: 530 | ``` 531 | display: none !important 532 | ``` 533 | 534 | ### Change the width of the preview panel 535 | 536 | Target: 537 | ``` 538 | #qfPreviewPane 539 | ``` 540 | Style: 541 | ``` 542 | min-width: 300px !important 543 | ``` 544 | 545 | ### Change the background color of the preview panel 546 | 547 | Target: 548 | ``` 549 | .previewContainer 550 | ``` 551 | Style: 552 | ``` 553 | background-color: Black !important 554 | ``` 555 | 556 | ### Change the text font 557 | 558 | Target: 559 | ``` 560 | h4, .suggContainer, .groupTitle, .suggsListContainer, .title, .details, .secondaryText, .scope-tile > div, .menu-item_details 561 | ``` 562 | Style: 563 | ``` 564 | font-family: 'Inter' !important 565 | ``` 566 | 567 | ### Change the icons font 568 | 569 | Target: 570 | ``` 571 | .cortanaFontIcon, .iconContent 572 | ``` 573 | Style: 574 | ``` 575 | font-family: 'Segoe MDL2 Assets' !important 576 | ``` 577 | -------------------------------------------------------------------------------- /Themes/21996/README.md: -------------------------------------------------------------------------------- 1 | # 21996 Start & Search theme for Windows 11 Start Menu Styler 2 | 3 | This theme tries to recreate the design that the Windows 11 start menu and search menu had on early Windows 11 Builds 4 | which include: 5 | * Squared search box 6 | * No search box on the start menu 7 | * Changed 'All' to 'All apps' like it was on older Windows 11 builds 8 | * Reverted the search icon back to the one from 22000 9 | * 21370-22000.9-like Acrylic 10 | * Accent color & light/dark mode support 11 | 12 | **Author**: [Tails](https://github.com/milesprower2293) 13 | 14 | ![Screenshot](screenshot.png) \ 15 | ![Screenshot](screenshot-search.png) 16 | 17 | ## Theme selection 18 | 19 | The theme is integrated into the mod, and can be simply selected from the mod's 20 | settings: 21 | 22 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 23 | * Go to the "Settings" tab. 24 | * Select the theme and save the settings. 25 | 26 | ## Manual installation 27 | 28 | The theme styles can also be imported manually. To do that, follow these steps: 29 | 30 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 31 | * Go to the "Advanced" tab. 32 | * Copy the content below to the text box under "Mod settings" and click "Save". 33 | 34 |
35 | Content to import (click to expand) 36 | 37 | ```json 38 | { 39 | "controlStyles[0].target":"Border#TaskbarSearchBackground", 40 | "controlStyles[0].styles[0]":"CornerRadius=4", 41 | "controlStyles[0].styles[1]":"BorderThickness=0,0,0,0", 42 | "controlStyles[0].styles[2]":"Height=33", 43 | "controlStyles[0].styles[3]":"BorderBrush:=", 44 | "controlStyles[1].target":"StartDocked.SearchBoxToggleButton > Grid > ContentPresenter > TextBlock#PlaceholderText", 45 | "controlStyles[1].styles[0]":"Margin=0,0,0,2", 46 | "controlStyles[2].target":"StartDocked.SearchBoxToggleButton#StartMenuSearchBox > Grid > Border#BorderElement", 47 | "controlStyles[2].styles[0]":"BorderThickness=0,0,0,2", 48 | "controlStyles[2].styles[1]":"BorderBrush:=", 49 | "controlStyles[3].target":"StartDocked.SearchBoxToggleButton > Grid > FontIcon > Grid > TextBlock", 50 | "controlStyles[3].styles[0]":"Foreground:=", 51 | "controlStyles[3].styles[1]":"Margin=0,0,0,1", 52 | "controlStyles[3].styles[2]":"Transform3D:=", 53 | "controlStyles[4].target":"Microsoft.UI.Xaml.Controls.AnimatedIcon#SearchIconPlayer", 54 | "controlStyles[4].styles[0]":"Visibility=1", 55 | "controlStyles[4].styles[1]":"FlowDirection=1", 56 | "controlStyles[4].styles[2]":"Transform3D:=", 57 | "controlStyles[5].target":"FontIcon#SearchBoxOnTaskbarSearchGlyph", 58 | "controlStyles[5].styles[0]":"Visibility=0", 59 | "controlStyles[5].styles[1]":"Foreground:=", 60 | "controlStyles[5].styles[2]":"FlowDirection=1", 61 | "controlStyles[5].styles[3]":"FontFamily=Segoe Fluent Icons", 62 | "controlStyles[5].styles[4]":"RequestedTheme=1", 63 | "controlStyles[5].styles[5]":"Transform3D:=", 64 | "controlStyles[5].styles[6]":"FontSize=17", 65 | "controlStyles[6].target":"StartDocked.SearchBoxToggleButton#StartMenuSearchBox > Grid", 66 | "controlStyles[6].styles[0]":"BorderBrush:=", 67 | "controlStyles[6].styles[1]":"BorderThickness=1,1,1,0", 68 | "controlStyles[6].styles[2]":"CornerRadius=4", 69 | "controlStyles[7].target":"Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl > Grid#RootGrid", 70 | "controlStyles[7].styles[0]":"CornerRadius=4", 71 | "controlStyles[7].styles[1]":"BorderBrush:=", 72 | "controlStyles[7].styles[2]":"BorderThickness=2,2,2,2", 73 | "controlStyles[7].styles[3]":"Margin=-2,-0,0,-2", 74 | "controlStyles[8].target":"StartDocked.SearchBoxToggleButton", 75 | "controlStyles[8].styles[0]":"CornerRadius=4", 76 | "controlStyles[8].styles[1]":"Height=40", 77 | "controlStyles[9].target":"Windows.UI.Xaml.Controls.Grid#SearchBoxOnTaskbarGleamContainer", 78 | "controlStyles[9].styles[0]":"CornerRadius=4", 79 | "controlStyles[10].target":"Windows.UI.Xaml.Controls.Grid#SearchBoxOnTaskbarGleamImageContainer", 80 | "controlStyles[10].styles[0]":"CornerRadius=4", 81 | "controlStyles[10].styles[1]":"Transform3D:=", 82 | "controlStyles[11].target":"Windows.UI.Xaml.Controls.Image#SearchIconOff", 83 | "controlStyles[11].styles[0]":"Transform3D:=", 84 | "controlStyles[12].target":"Windows.UI.Xaml.Controls.Image#SearchIconOn", 85 | "controlStyles[12].styles[0]":"Transform3D:=", 86 | "controlStyles[13].target":"Windows.UI.Xaml.Controls.Button#ShowAllAppsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.StackPanel > Windows.UI.Xaml.Controls.TextBlock#ShowAllAppsButtonText", 87 | "controlStyles[13].styles[0]":"Text=All apps", 88 | "controlStyles[14].target":"Windows.UI.Xaml.Controls.TextBlock#AllAppsHeading", 89 | "controlStyles[14].styles[0]":"Text=All apps", 90 | "controlStyles[15].target":"StartDocked.SearchBoxToggleButton", 91 | "controlStyles[15].styles[0]":"Height=0", 92 | "controlStyles[15].styles[1]":"Margin=0,0,0,32", 93 | "controlStyles[16].target":"StartDocked.LauncherFrame", 94 | "controlStyles[16].styles[0]":"Height=670", 95 | "controlStyles[17].target":"Windows.UI.Xaml.Controls.Grid#InnerContent", 96 | "controlStyles[17].styles[0]":"Margin=0,0,0,0", 97 | "controlStyles[18].target":"Cortana.UI.Views.HostedWebViewControl#QueryFormulationHostedWebView", 98 | "controlStyles[18].styles[0]":"Background:=", 99 | "controlStyles[19].target":"Windows.UI.Xaml.Controls.Grid#QueryFormulationRoot", 100 | "controlStyles[19].styles[0]":"CornerRadius=10", 101 | "controlStyles[20].target":"Windows.UI.Xaml.Controls.Border#AcrylicBorder", 102 | "controlStyles[20].styles[0]":"Opacity=0.5", 103 | "controlStyles[21].target":"Windows.UI.Xaml.Controls.Grid#MainContent", 104 | "controlStyles[21].styles[0]":"Background:=", 105 | "controlStyles[21].styles[1]":"CornerRadius=7", 106 | "controlStyles[22].target":"Windows.UI.Xaml.Controls.Border#AppBorder", 107 | "controlStyles[22].styles[0]":"Background:=" 108 | } 109 | ``` 110 |
111 | 112 | ## Removing the "Recommended" section 113 | 114 | The "Recommended" section can be removed by following these steps: 115 | 116 | * Import [the NoRecommendedSection 117 | theme](https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/NoRecommendedSection/README.md) 118 | using the **Manual installation** instructions. 119 | * Select this theme using the **Theme selection** instructions on this page. 120 | -------------------------------------------------------------------------------- /Themes/21996/screenshot-search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/21996/screenshot-search.png -------------------------------------------------------------------------------- /Themes/21996/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/21996/screenshot-small.png -------------------------------------------------------------------------------- /Themes/21996/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/21996/screenshot.png -------------------------------------------------------------------------------- /Themes/Down Aero/README.md: -------------------------------------------------------------------------------- 1 | # Down Aero theme for Windows 11 Start Menu Styler 2 | 3 | **Author**: [VIN STAR](https://github.com/vinstartheme) 4 | 5 | ![Screenshot](screenshot.png) 6 | 7 | ## Theme selection 8 | 9 | The theme is integrated into the mod, and can be simply selected from the mod's 10 | settings: 11 | 12 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 13 | * Go to the "Settings" tab. 14 | * Select the theme and save the settings. 15 | 16 | ## Manual installation 17 | 18 | The theme styles can also be imported manually. To do that, follow these steps: 19 | 20 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 21 | * Go to the "Advanced" tab. 22 | * Copy the content below to the text box under "Mod settings" and click "Save". 23 | 24 |
25 | Content to import (click to expand) 26 | 27 | ```json 28 | { 29 | "controlStyles[0].target": "StartDocked.StartSizingFrame", 30 | "controlStyles[0].styles[0]": "MaxHeight=520", 31 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader", 32 | "controlStyles[1].styles[0]": "Visibility=Collapsed", 33 | "controlStyles[2].target": "StartMenu.PinnedList", 34 | "controlStyles[2].styles[0]": "Height=340", 35 | "controlStyles[3].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 36 | "controlStyles[3].styles[0]": "RenderTransform:=", 37 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText", 38 | "controlStyles[4].styles[0]": "Height=0", 39 | "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", 40 | "controlStyles[5].styles[0]": "Text=Recommended", 41 | "controlStyles[6].target": "Windows.UI.Xaml.Controls.Border#DropShadow", 42 | "controlStyles[6].styles[0]": "CornerRadius=30", 43 | "controlStyles[7].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle", 44 | "controlStyles[7].styles[0]": "Visibility=Collapsed", 45 | "controlStyles[8].target": "StartDocked.SearchBoxToggleButton", 46 | "controlStyles[8].styles[0]": "Visibility=Collapsed", 47 | "controlStyles[9].target": "Border#AcrylicBorder", 48 | "controlStyles[9].styles[0]": "CornerRadius=30", 49 | "controlStyles[9].styles[1]": "Background:=", 50 | "controlStyles[10].target": "Border#AcrylicOverlay", 51 | "controlStyles[10].styles[0]": "CornerRadius=30", 52 | "controlStyles[10].styles[1]": "Margin=0,0,0,20", 53 | "controlStyles[10].styles[2]": "Background:=", 54 | "controlStyles[11].target": "Windows.UI.Xaml.Controls.Grid#AllAppsRoot", 55 | "controlStyles[11].styles[0]": "Margin=0,0,0,40", 56 | "controlStyles[12].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot", 57 | "controlStyles[12].styles[0]": "Margin=0,0,0,40", 58 | "controlStyles[13].target": "StartDocked.NavigationPaneView#NavigationPane > Windows.UI.Xaml.Controls.Grid#RootPanel", 59 | "controlStyles[13].styles[0]": "Margin=0,-10,0,10", 60 | "controlStyles[14].target": "StartDocked.AppListView#NavigationPanePlacesListView > Windows.UI.Xaml.Controls.Border", 61 | "controlStyles[14].styles[0]": "Background:=", 62 | "controlStyles[14].styles[1]": "CornerRadius=18", 63 | "controlStyles[14].styles[2]": "Margin=0,0,15,0", 64 | "controlStyles[15].target": "StartDocked.NavigationPaneButton#PowerButton > Windows.UI.Xaml.Controls.Grid@CommonStates > Windows.UI.Xaml.Controls.Border#BackgroundBorder", 65 | "controlStyles[15].styles[0]": "Background:=", 66 | "controlStyles[15].styles[1]": "BorderBrush@Normal:=", 67 | "controlStyles[15].styles[2]": "CornerRadius=30", 68 | "controlStyles[15].styles[3]": "BorderThickness=5", 69 | "controlStyles[15].styles[4]": "Margin=-7", 70 | "controlStyles[15].styles[5]": "BorderBrush@PointerOver:=", 71 | "controlStyles[16].target": "StartDocked.NavigationPaneButton#UserTileButton > Grid > Border#BackgroundBorder", 72 | "controlStyles[16].styles[0]": "Background:=", 73 | "controlStyles[16].styles[1]": "CornerRadius=18", 74 | "controlStyles[17].target": "Windows.UI.Xaml.Controls.Button#ShowAllAppsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter@CommonStates", 75 | "controlStyles[17].styles[0]": "Background@Normal:=", 76 | "controlStyles[17].styles[1]": "Background@PointerOver:=", 77 | "controlStyles[17].styles[2]": "Padding=10,7", 78 | "controlStyles[17].styles[3]": "Margin=0,0,-35,0", 79 | "controlStyles[17].styles[4]": "CornerRadius=0,15,15,0", 80 | "controlStyles[17].styles[5]": "BorderThickness=0", 81 | "controlStyles[18].target": "Windows.UI.Xaml.Controls.Button#ShowMoreSuggestionsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter@CommonStates", 82 | "controlStyles[18].styles[0]": "Background@Normal:=", 83 | "controlStyles[18].styles[1]": "BorderBrush@Normal:=", 84 | "controlStyles[18].styles[2]": "Padding=10,5", 85 | "controlStyles[18].styles[3]": "Margin=0,0,19,0", 86 | "controlStyles[18].styles[4]": "CornerRadius=15,0,0,15", 87 | "controlStyles[18].styles[5]": "BorderThickness=2,2,0,2", 88 | "controlStyles[18].styles[6]": "Background@PointerOver:=", 89 | "controlStyles[18].styles[7]": "BorderBrush@PointerOver:=", 90 | "controlStyles[19].target": "Windows.UI.Xaml.Controls.Button#HideMoreSuggestionsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter", 91 | "controlStyles[19].styles[0]": "Background:=", 92 | "controlStyles[19].styles[1]": "Padding=10,6", 93 | "controlStyles[19].styles[2]": "Margin=0,0,-35,0", 94 | "controlStyles[19].styles[3]": "CornerRadius=15", 95 | "controlStyles[20].target": "Windows.UI.Xaml.Controls.Button#CloseAllAppsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter", 96 | "controlStyles[20].styles[0]": "Background:=", 97 | "controlStyles[20].styles[1]": "Padding=10,6", 98 | "controlStyles[20].styles[2]": "Margin=0,0,-35,0", 99 | "controlStyles[20].styles[3]": "CornerRadius=15" 100 | } 101 | ``` 102 |
103 | -------------------------------------------------------------------------------- /Themes/Down Aero/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Down Aero/screenshot-small.png -------------------------------------------------------------------------------- /Themes/Down Aero/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Down Aero/screenshot.png -------------------------------------------------------------------------------- /Themes/Everblush/README.md: -------------------------------------------------------------------------------- 1 | # Everbrush theme for Windows 11 Start Menu Styler 2 | 3 | The starter is based on the [Everblush](https://github.com/everblush) color scheme. There are no new designs in this menu, you can get the Everblush color with the default menu. 4 | 5 | **Author**: [VIN STAR](https://github.com/vinstartheme) 6 | 7 | ![Screenshot](screenshot.png) 8 | 9 | ## Theme selection 10 | 11 | The theme is integrated into the mod, and can be simply selected from the mod's 12 | settings: 13 | 14 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 15 | * Go to the "Settings" tab. 16 | * Select the theme and save the settings. 17 | 18 | ## Manual installation 19 | 20 | The theme styles can also be imported manually. To do that, follow these steps: 21 | 22 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 23 | * Go to the "Advanced" tab. 24 | * Copy the content below to the text box under "Mod settings" and click "Save". 25 | 26 |
27 | Content to import (click to expand) 28 | 29 | ```json 30 | { 31 | "controlStyles[0].target": "Border#AcrylicBorder", 32 | "controlStyles[0].styles[0]": "Background=#141b1e", 33 | "controlStyles[0].styles[1]": "BorderBrush=#268ccf7e", 34 | "controlStyles[1].target": "Border#AcrylicOverlay", 35 | "controlStyles[1].styles[0]": "Background=#141b1e", 36 | "controlStyles[2].target": "StartDocked.SearchBoxToggleButton > Grid > Border", 37 | "controlStyles[2].styles[0]": "Background=#232a2d", 38 | "controlStyles[2].styles[1]": "BorderBrush=transparent", 39 | "controlStyles[3].target": "StartMenu.ExpandedFolderList > Grid > Border", 40 | "controlStyles[3].styles[0]": "Background=#232a2d", 41 | "controlStyles[4].target": "TextBlock#PlaceholderText", 42 | "controlStyles[4].styles[0]": "Foreground=#80b3b9b8", 43 | "controlStyles[5].target": "Windows.UI.Xaml.Controls.Button", 44 | "controlStyles[5].styles[0]": "Background=#d28ccf7e", 45 | "controlStyles[6].target": "StackPanel > Windows.UI.Xaml.Controls.Button", 46 | "controlStyles[6].styles[0]": "Background=transparent", 47 | "controlStyles[6].styles[1]": "BorderBrush=transparent", 48 | "controlStyles[7].target": "Microsoft.UI.Xaml.Controls.ItemsRepeater > Windows.UI.Xaml.Controls.Button", 49 | "controlStyles[7].styles[0]": "Background=transparent", 50 | "controlStyles[7].styles[1]": "BorderBrush=transparent", 51 | "controlStyles[8].target": "TextBlock#DisplayName", 52 | "controlStyles[8].styles[0]": "Foreground=#b3b9b8", 53 | "controlStyles[9].target": "TextBlock#Title", 54 | "controlStyles[9].styles[0]": "Foreground=#b3b9b8", 55 | "controlStyles[10].target": "TextBlock#Subtitle", 56 | "controlStyles[10].styles[0]": "Foreground=#6cbfbf", 57 | "controlStyles[11].target": "TextBlock#PinnedListHeaderText", 58 | "controlStyles[11].styles[0]": "Foreground=#8ccf7e", 59 | "controlStyles[12].target": "TextBlock#TopLevelSuggestionsListHeaderText", 60 | "controlStyles[12].styles[0]": "Foreground=#8ccf7e", 61 | "controlStyles[13].target": "TextBlock#AllAppsHeading", 62 | "controlStyles[13].styles[0]": "Foreground=#8ccf7e", 63 | "controlStyles[14].target": "TextBlock#MoreSuggestionsListHeaderText", 64 | "controlStyles[14].styles[0]": "Foreground=#8ccf7e", 65 | "controlStyles[15].target": "TextBlock#AppDisplayName", 66 | "controlStyles[15].styles[0]": "Foreground=#b3b9b8", 67 | "controlStyles[16].target": "TextBlock#Text", 68 | "controlStyles[16].styles[0]": "Foreground=#e5c76b", 69 | "controlStyles[17].target": "TextBlock#FolderGlyph", 70 | "controlStyles[17].styles[0]": "Foreground=#e5c76b", 71 | "controlStyles[18].target": "TextBlock#StatusMessage", 72 | "controlStyles[18].styles[0]": "Foreground=#8ccf7e", 73 | "controlStyles[19].target": "Windows.UI.Xaml.Controls.Border#ContentBorder > Windows.UI.Xaml.Controls.Grid#DroppedFlickerWorkaroundWrapper > Border@CommonStates", 74 | "controlStyles[19].styles[0]": "Background:= ", 75 | "controlStyles[19].styles[1]": "BorderBrush:= ", 76 | "controlStyles[19].styles[2]": "CornerRadius=6", 77 | "controlStyles[20].target": "Windows.UI.Xaml.Controls.Border#ContentBorder > Windows.UI.Xaml.Controls.Grid#DroppedFlickerWorkaroundWrapper > Border#BackgroundBorder", 78 | "controlStyles[20].styles[0]": "Background=transparent", 79 | "controlStyles[21].target": "Border#AppBorder", 80 | "controlStyles[21].styles[0]": "Background=#141b1e", 81 | "controlStyles[22].target": "Border#TaskbarSearchBackground", 82 | "controlStyles[22].styles[0]": "Background=#232a2d", 83 | "controlStyles[22].styles[1]": "BorderBrush=transparent", 84 | "controlStyles[23].target": "Grid", 85 | "controlStyles[23].styles[0]": "RequestedTheme=2", 86 | "controlStyles[24].target": "TextBlock#UserTileNameText", 87 | "controlStyles[24].styles[0]": "Foreground=#67b0e8", 88 | "controlStyles[25].target": "Windows.UI.Xaml.Controls.ContentPresenter > Windows.UI.Xaml.Controls.FontIcon > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock", 89 | "controlStyles[25].styles[0]": "Foreground=#6cbfbf", 90 | "controlStyles[26].target": "Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.FontIcon > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock", 91 | "controlStyles[26].styles[0]": "Foreground=#e5c76b", 92 | "controlStyles[27].target": "MenuFlyoutPresenter", 93 | "controlStyles[27].styles[0]": "Background=#232a2d", 94 | "controlStyles[28].target": "Windows.UI.Xaml.Controls.FontIcon#SearchGlyph > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock", 95 | "controlStyles[28].styles[0]": "Foreground=#232a2d" 96 | } 97 | ``` 98 |
99 | 100 | ## Removing the "Recommended" section 101 | 102 | The "Recommended" section can be removed by following these steps: 103 | 104 | * Import [the NoRecommendedSection 105 | theme](https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/NoRecommendedSection/README.md) 106 | using the **Manual installation** instructions. 107 | * Select this theme using the **Theme selection** instructions on this page. 108 | -------------------------------------------------------------------------------- /Themes/Everblush/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Everblush/screenshot-small.png -------------------------------------------------------------------------------- /Themes/Everblush/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Everblush/screenshot.png -------------------------------------------------------------------------------- /Themes/Fluent2Inspired/README.md: -------------------------------------------------------------------------------- 1 | # Fluent2Inspired theme for Windows 11 Start Menu Styler 2 | 3 | A theme inspired by [Zee-Al-Eid Ahmad's](https://x.com/zeealeid/status/1764301467014373774) concepts. 4 | 5 | **Author**: [Lockframe](https://github.com/Lockframe) 6 | 7 | ![Screenshot](screenshot.png) 8 | 9 | ## Theme selection 10 | 11 | The theme is integrated into the mod, and can be simply selected from the mod's 12 | settings: 13 | 14 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 15 | * Go to the "Settings" tab. 16 | * Select the theme and save the settings. 17 | 18 | ## Manual installation 19 | 20 | The theme styles can also be imported manually. To do that, follow these steps: 21 | 22 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 23 | * Go to the "Advanced" tab. 24 | * Copy the content below to the text box under "Mod settings" and click "Save". 25 | 26 |
27 | Content to import (click to expand) 28 | 29 | ```json 30 | { 31 | "controlStyles[0].target": "Button#CloseAllAppsButton", 32 | "controlStyles[0].styles[0]": "CornerRadius=14", 33 | "controlStyles[0].styles[1]": "Margin=0,0,-32,0", 34 | "controlStyles[0].styles[2]": "Padding=10,4,12,5", 35 | "controlStyles[1].target": "Grid#ShowMoreSuggestions", 36 | "controlStyles[1].styles[0]": "Visibility=1", 37 | "controlStyles[2].target": "Grid#SuggestionsParentContainer", 38 | "controlStyles[2].styles[0]": "Visibility=1", 39 | "controlStyles[3].target": "Grid#TopLevelSuggestionsListHeader", 40 | "controlStyles[3].styles[0]": "Visibility=1", 41 | "controlStyles[4].target": "Button#ShowAllAppsButton", 42 | "controlStyles[4].styles[0]": "CornerRadius=14", 43 | "controlStyles[4].styles[1]": "Margin=0,0,32,0", 44 | "controlStyles[4].styles[2]": "Padding=12,4,10,5", 45 | "controlStyles[5].target": "StartDocked.SearchBoxToggleButton", 46 | "controlStyles[5].styles[0]": "Margin=30,0,120,26", 47 | "controlStyles[6].target": "PipsPager#PinnedListPipsPager", 48 | "controlStyles[6].styles[0]": "Visibility=1", 49 | "controlStyles[7].target": "Border#AcrylicBorder", 50 | "controlStyles[7].styles[0]": "Background:=", 51 | "controlStyles[7].styles[1]": "CornerRadius=12", 52 | "controlStyles[7].styles[2]": "BorderBrush:=", 53 | "controlStyles[8].target": "Grid#MainContent", 54 | "controlStyles[8].styles[0]": "CornerRadius=12", 55 | "controlStyles[9].target": "StartMenu.PinnedList", 56 | "controlStyles[9].styles[0]": "MaxWidth=650", 57 | "controlStyles[9].styles[1]": "Height=504", 58 | "controlStyles[9].styles[2]": "Margin=-8,14,8,-14", 59 | "controlStyles[10].target": "TextBlock#DisplayName", 60 | "controlStyles[10].styles[0]": "Margin=0,8,0,-8", 61 | "controlStyles[10].styles[1]": "FontSize=13", 62 | "controlStyles[10].styles[2]": "FontFamily=Aptos", 63 | "controlStyles[10].styles[3]": "Opacity=.75", 64 | "controlStyles[10].styles[4]": "FontWeight=500", 65 | "controlStyles[10].styles[5]": "Padding=14,0,14,0", 66 | "controlStyles[11].target": "TextBlock#PinnedListHeaderText", 67 | "controlStyles[11].styles[0]": "Margin=-14,0,0,0", 68 | "controlStyles[11].styles[1]": "FontFamily=Aptos", 69 | "controlStyles[11].styles[2]": "Opacity=.85", 70 | "controlStyles[11].styles[3]": "FontSize=16", 71 | "controlStyles[11].styles[4]": "Margin=-32,0,0,0", 72 | "controlStyles[12].target": "Border#TaskbarSearchBackground", 73 | "controlStyles[12].styles[0]": "Visibility=1", 74 | "controlStyles[13].target": "Border#AppBorder", 75 | "controlStyles[13].styles[0]": "Background:=", 76 | "controlStyles[13].styles[1]": "BorderBrush:=", 77 | "controlStyles[13].styles[2]": "CornerRadius=12", 78 | "controlStyles[14].target": "Border#dropshadow", 79 | "controlStyles[14].styles[0]": "CornerRadius=12", 80 | "controlStyles[14].styles[1]": "Margin=-1", 81 | "controlStyles[15].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl", 82 | "controlStyles[15].styles[0]": "Margin=33,33,33,10", 83 | "controlStyles[16].target": "TextBlock#UserTileNameText", 84 | "controlStyles[16].styles[0]": "Visibility=1", 85 | "controlStyles[17].target": "TextBlock#AllAppsHeading", 86 | "controlStyles[17].styles[0]": "FontFamily=Aptos", 87 | "controlStyles[17].styles[1]": "Margin=-32,0,0,0", 88 | "controlStyles[17].styles[2]": "FontSize=16", 89 | "controlStyles[17].styles[3]": "Opacity=.85", 90 | "controlStyles[18].target": "Border#ContentBorder", 91 | "controlStyles[18].styles[0]": "CornerRadius=6", 92 | "controlStyles[19].target": "StartDocked.SearchBoxToggleButton > Grid > ContentPresenter > TextBlock#PlaceholderText", 93 | "controlStyles[19].styles[0]": "Text=Where to next?", 94 | "controlStyles[19].styles[1]": "FontWeight=700", 95 | "controlStyles[19].styles[2]": "FontFamily=Aptos", 96 | "controlStyles[19].styles[3]": "FontSize=24", 97 | "controlStyles[19].styles[4]": "Foreground:=", 98 | "controlStyles[19].styles[5]": "Margin=2,0,0,0", 99 | "controlStyles[20].target": "StartDocked.SearchBoxToggleButton > Grid > Border", 100 | "controlStyles[20].styles[0]": "Background=transparent", 101 | "controlStyles[20].styles[1]": "BorderBrush=transparent", 102 | "controlStyles[21].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon", 103 | "controlStyles[21].styles[0]": "Transform3D:=", 104 | "controlStyles[21].styles[1]": "Foreground:=", 105 | "controlStyles[21].styles[2]": "FontSize=24", 106 | "controlStyles[22].target": "Grid#TopLevelRoot", 107 | "controlStyles[22].styles[0]": "Margin=0,-8,0,0", 108 | "controlStyles[23].target": "StartDocked.UserTileView", 109 | "controlStyles[23].styles[0]": "Margin=512,-1290,-2000,0", 110 | "controlStyles[24].target": "StartDocked.UserTileView > StartDocked.NavigationPaneButton > Grid > Border", 111 | "controlStyles[24].styles[0]": "CornerRadius=99", 112 | "controlStyles[24].styles[1]": "Margin=8,0,8,0", 113 | "controlStyles[25].styles[0]": "Margin=-64,-1290,-2000,0", 114 | "controlStyles[25].target": "StartDocked.PowerOptionsView", 115 | "controlStyles[25].styles[1]": "CornerRadius=99", 116 | "controlStyles[25].styles[2]": "Opacity=.85", 117 | "controlStyles[26].target": "TextBlock#ShowAllAppsButtonText", 118 | "controlStyles[26].styles[0]": "FontFamily=Aptos", 119 | "controlStyles[26].styles[1]": "Opacity=.85", 120 | "controlStyles[26].styles[2]": "FontWeight=500", 121 | "controlStyles[27].target": "Button#CloseAllAppsButton > ContentPresenter > StackPanel > TextBlock", 122 | "controlStyles[27].styles[0]": "FontFamily=Aptos", 123 | "controlStyles[27].styles[1]": "Opacity=.85", 124 | "controlStyles[27].styles[2]": "FontWeight=500", 125 | "controlStyles[28].target": "Border#AcrylicOverlay", 126 | "controlStyles[28].styles[0]": "Visibility=1", 127 | "controlStyles[29].target": "Grid#AllAppsPaneHeader", 128 | "controlStyles[29].styles[0]": "Margin=64,-8,64,5", 129 | "controlStyles[30].target": "Grid#InnerContent", 130 | "controlStyles[30].styles[0]": "Margin=0,31,0,-64", 131 | "controlStyles[31].target": "TextBlock#AppDisplayName", 132 | "controlStyles[31].styles[0]": "FontFamily=Aptos", 133 | "controlStyles[31].styles[1]": "Opacity=.85", 134 | "controlStyles[31].styles[2]": "Margin=4,0,0,4", 135 | "controlStyles[31].styles[3]": "FontWeight=500", 136 | "controlStyles[32].target": "Button#Header > Border > TextBlock", 137 | "controlStyles[32].styles[0]": "FontFamily=Aptos", 138 | "controlStyles[32].styles[1]": "FontWeight=600", 139 | "controlStyles[32].styles[2]": "Opacity=.85", 140 | "controlStyles[33].target": "StartDocked.PowerOptionsView > StartDocked.NavigationPaneButton > Grid > Border", 141 | "controlStyles[33].styles[0]": "CornerRadius=99", 142 | "controlStyles[33].styles[1]": "Margin=1", 143 | "controlStyles[34].target": "TileGrid", 144 | "controlStyles[34].styles[0]": "Background:=", 145 | "controlStyles[34].styles[1]": "CornerRadiusProtected=8", 146 | "controlStyles[34].styles[2]": "BorderThicknessProtected=1", 147 | "controlStyles[34].styles[3]": "BorderBrushProtected:=", 148 | "controlStyles[34].styles[4]": "Margin=0,0,0,20", 149 | "controlStyles[35].target": "ListViewItem", 150 | "controlStyles[35].styles[0]": "Margin=1,5,-5,-5", 151 | "controlStyles[35].styles[1]": "CornerRadius=4", 152 | "controlStyles[36].target": "Button#Header", 153 | "controlStyles[36].styles[0]": "Margin=4,0,-3,-5", 154 | "controlStyles[37].target": "StartDocked.AllAppsPane#AllAppsPanel", 155 | "controlStyles[37].styles[0]": "Margin=-20,0,-6,0", 156 | "controlStyles[38].target": "TextBlock#PlaceholderTextContentPresenter", 157 | "controlStyles[38].styles[0]": "FontFamily=Aptos", 158 | "controlStyles[38].styles[1]": "FontSize=24", 159 | "controlStyles[38].styles[2]": "FontWeight=700", 160 | "controlStyles[38].styles[3]": "Foreground:=", 161 | "controlStyles[39].target": "Microsoft.UI.Xaml.Controls.AnimatedIcon#SearchIconPlayer", 162 | "controlStyles[39].styles[0]": "Visibility=1", 163 | "controlStyles[40].target": "Button#SearchGlyphContainer", 164 | "controlStyles[40].styles[0]": "FontSize=32", 165 | "controlStyles[40].styles[1]": "Visibility=1", 166 | "controlStyles[41].target": "Cortana.UI.Views.CortanaRichSearchBox#SearchTextBox", 167 | "controlStyles[41].styles[0]": "FontSize=24", 168 | "controlStyles[41].styles[1]": "Foreground:=", 169 | "controlStyles[41].styles[2]": "FontFamily=Aptos", 170 | "controlStyles[41].styles[3]": "Opacity=.85", 171 | "controlStyles[41].styles[4]": "FontWeight=ExtraBold", 172 | "controlStyles[42].target": "Border#LayerBorder", 173 | "controlStyles[42].styles[0]": "Visibility=1", 174 | "controlStyles[43].target": "Windows.UI.Xaml.Controls.FontIcon#SearchBoxOnTaskbarSearchGlyph", 175 | "controlStyles[43].styles[0]": "Visibility=0", 176 | "controlStyles[43].styles[1]": "Margin=0", 177 | "controlStyles[43].styles[2]": "FontSize=32", 178 | "controlStyles[43].styles[3]": "Opacity=.85", 179 | "controlStyles[44].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl", 180 | "controlStyles[44].styles[0]": "Margin=31,31,17,17", 181 | "controlStyles[45].target": "Grid#WebViewGrid", 182 | "controlStyles[45].styles[0]": "Margin=-13,0,-10,15", 183 | "controlStyles[46].target": "TextBlock#StatusMessage", 184 | "controlStyles[46].styles[0]": "Visibility=1", 185 | "controlStyles[47].target": "Border#LogoBackgroundPlate", 186 | "controlStyles[47].styles[0]": "Margin=12,0,0,0", 187 | "controlStyles[48].target": "Border#DropShadow", 188 | "controlStyles[48].styles[0]": "CornerRadius=12", 189 | "controlStyles[48].styles[1]": "Margin=-1", 190 | "controlStyles[49].target": "Border#DropShadowDismissTarget", 191 | "controlStyles[49].styles[0]": "CornerRadius=12", 192 | "controlStyles[50].target": "Windows.UI.Xaml.Controls.FlyoutPresenter[1]", 193 | "controlStyles[50].styles[0]": "Margin=-250,50,0,0", 194 | "controlStyles[51].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle", 195 | "controlStyles[51].styles[0]": "Visibility=1", 196 | "controlStyles[52].target": "Windows.UI.Xaml.Controls.FlyoutPresenter", 197 | "controlStyles[52].styles[0]": "Margin=-250,0,0,0", 198 | "controlStyles[53].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon#SearchGlyph", 199 | "controlStyles[53].styles[0]": "Margin=0,-3,0,0", 200 | "controlStyles[53].styles[1]": "FontSize=25", 201 | "controlStyles[53].styles[2]": "Foreground:=", 202 | "controlStyles[54].target": "StartMenu.ExpandedFolderList > Grid#Root > Border", 203 | "controlStyles[54].styles[0]": "Height=420", 204 | "controlStyles[55].target": "TextBox#ExpandedFolderNameTextBox", 205 | "controlStyles[55].styles[0]": "Margin=-15,-15,15,20", 206 | "controlStyles[56].target": "Windows.UI.Xaml.Controls.GridView#FolderList > Border", 207 | "controlStyles[56].styles[0]": "Margin=0,0,0,-60", 208 | "controlStyles[57].target": "StartDocked.NavigationPaneView#NavigationPane > Grid > StartDocked.AppListView", 209 | "controlStyles[57].styles[0]": "Margin=0,0,-36,0", 210 | "controlStyles[58].target": "Image#SearchIconOn", 211 | "controlStyles[58].styles[0]": "Visibility=1", 212 | "controlStyles[59].target": "Grid#TopLevelSuggestionsContainer", 213 | "controlStyles[59].styles[0]": "Visibility=1", 214 | "controlStyles[60].target": "Image#SearchIconOff", 215 | "controlStyles[60].styles[0]": "Visibility=1", 216 | "controlStyles[61].target": "Grid#ContentBorder > Border#BackgroundBorder", 217 | "controlStyles[61].styles[0]": "CornerRadius=99", 218 | "controlStyles[61].styles[1]": "Height=38", 219 | "controlStyles[61].styles[2]": "Width=38", 220 | "controlStyles[62].target": "Grid#ContentBorder > ContentPresenter > FontIcon", 221 | "controlStyles[62].styles[0]": "Opacity=.85", 222 | "controlStyles[63].target": "StartDocked.AppListView#NavigationPanePlacesListView", 223 | "controlStyles[63].styles[0]": "Padding=2,0,6,0", 224 | "controlStyles[64].target": "StartDocked.AppListView#NavigationPanePlacesListView > Border > ScrollViewer > Border#Root > Grid > ScrollContentPresenter > ItemsPresenter > ItemsStackPanel > ListViewItem", 225 | "controlStyles[64].styles[0]": "Margin=-2,0,0,0", 226 | "controlStyles[65].target": "StartDocked.AppListView#NavigationPanePlacesListView", 227 | "controlStyles[65].styles[0]": "Margin=0,0,-46,0", 228 | "controlStyles[66].target": "Windows.UI.Xaml.Controls.ItemsWrapGrid", 229 | "controlStyles[66].styles[0]": "ItemHeight=84", 230 | "controlStyles[67].target": "Windows.UI.Xaml.Controls.Primitives.ScrollBar#VerticalScrollBar", 231 | "controlStyles[67].styles[0]": "Transform3D:=", 232 | "controlStyles[67].styles[1]": "Margin=0,5,0,55", 233 | "controlStyles[68].target": "Grid#ContentBorder > Border#BorderBackground", 234 | "controlStyles[68].styles[0]": "Margin=1,0,-1,0", 235 | "controlStyles[69].target": "StackPanel#RootPanel > Button#Header > Border#Border", 236 | "controlStyles[69].styles[0]": "Margin=0,0,-1,0" 237 | } 238 | ``` 239 |
240 | -------------------------------------------------------------------------------- /Themes/Fluent2Inspired/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Fluent2Inspired/screenshot-small.png -------------------------------------------------------------------------------- /Themes/Fluent2Inspired/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Fluent2Inspired/screenshot.png -------------------------------------------------------------------------------- /Themes/LegacyFluent/README.md: -------------------------------------------------------------------------------- 1 | # LegacyFluent theme for Windows 11 Start Menu Styler 2 | 3 | A theme that follows the old Fluent design from Windows 10. 4 | 5 | **Author**: [SandTechStuff](https://github.com/SandTechStuff) 6 | 7 | ![Screenshot](screenshot.png) 8 | 9 | ## Theme selection 10 | 11 | The theme is integrated into the mod, and can be simply selected from the mod's 12 | settings: 13 | 14 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 15 | * Go to the "Settings" tab. 16 | * Select the theme and save the settings. 17 | 18 | ## Manual installation 19 | 20 | The theme styles can also be imported manually. To do that, follow these steps: 21 | 22 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 23 | * Go to the "Advanced" tab. 24 | * Copy the content below to the text box under "Mod settings" and click "Save". 25 | 26 |
27 | Content to import (click to expand) 28 | 29 | ```json 30 | { 31 | "controlStyles[0].target": "Windows.UI.Xaml.Controls.GridViewItem > Windows.UI.Xaml.Controls.Border#ContentBorder@CommonStates > Windows.UI.Xaml.Controls.Grid#DroppedFlickerWorkaroundWrapper > Windows.UI.Xaml.Controls.Border#BackgroundBorder", 32 | "controlStyles[0].styles[0]": "BorderBrush:=", 33 | "controlStyles[0].styles[1]": "BorderThickness=2", 34 | "controlStyles[0].styles[2]": "CornerRadius=0", 35 | "controlStyles[0].styles[3]": "Background@PointerOver:=", 36 | "controlStyles[0].styles[4]": "Background:=", 37 | "controlStyles[0].styles[5]": "BorderBrush@PointerOver:=", 38 | "controlStyles[0].styles[6]": "Background@Pressed:=", 39 | "controlStyles[0].styles[7]": "BorderBrush@Pressed:=", 40 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.GridViewItem", 41 | "controlStyles[1].styles[0]": "Width=100", 42 | "controlStyles[1].styles[2]": "Margin=2", 43 | "controlStyles[1].styles[1]": "Height=100", 44 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.ItemsWrapGrid", 45 | "controlStyles[2].styles[0]": "HorizontalAlignment=Center", 46 | "controlStyles[3].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader", 47 | "controlStyles[3].styles[0]": "Visibility=Collapsed", 48 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText", 49 | "controlStyles[4].styles[0]": "Height=0", 50 | "controlStyles[5].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 51 | "controlStyles[5].styles[0]": "RenderTransform:=", 52 | "controlStyles[6].target": "StartMenu.PinnedList", 53 | "controlStyles[6].styles[0]": "Height=518", 54 | "controlStyles[7].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", 55 | "controlStyles[7].styles[0]": "Text=Recommended", 56 | "controlStyles[8].target": "StartMenu.PinnedListTile > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.Grid#DisplayNameAndDownloadIconContainer > Windows.UI.Xaml.Controls.TextBlock#DisplayName", 57 | "controlStyles[8].styles[0]": "Margin=4,0,0,2", 58 | "controlStyles[8].styles[1]": "TextAlignment=1", 59 | "controlStyles[9].target": "StartMenu.PinnedListTile > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.Grid#DisplayNameAndDownloadIconContainer", 60 | "controlStyles[9].styles[0]": "HorizontalAlignment=1", 61 | "controlStyles[9].styles[1]": "Width=95", 62 | "controlStyles[9].styles[2]": "Margin=0", 63 | "controlStyles[9].styles[3]": "VerticalAlignment=2", 64 | "controlStyles[10].target": "StartMenu.PinnedListTile > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.Grid#LogoContainer", 65 | "controlStyles[10].styles[0]": "Margin=0,17,0,0", 66 | "controlStyles[11].target": "Windows.UI.Xaml.Controls.Grid#DroppedFlickerWorkaroundWrapper > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.Grid", 67 | "controlStyles[11].styles[0]": "Height=95", 68 | "controlStyles[11].styles[1]": "Width=100", 69 | "controlStyles[12].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText", 70 | "controlStyles[12].styles[0]": "Text=PINNED", 71 | "controlStyles[12].styles[1]": "FontWeight=Bold", 72 | "controlStyles[13].target": "StartDocked.AppListView#NavigationPanePlacesListView > Windows.UI.Xaml.Controls.Border > Windows.UI.Xaml.Controls.ScrollViewer > Windows.UI.Xaml.Controls.Border > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.ScrollContentPresenter > Windows.UI.Xaml.Controls.ItemsPresenter > Windows.UI.Xaml.Controls.ItemsStackPanel > StartDocked.AppListViewItem > Windows.UI.Xaml.Controls.Grid@CommonStates > Windows.UI.Xaml.Controls.Border", 73 | "controlStyles[13].styles[0]": "Background@PointerOver:=", 74 | "controlStyles[13].styles[1]": "BorderThickness=1", 75 | "controlStyles[13].styles[2]": "CornerRadius=0", 76 | "controlStyles[13].styles[3]": "Background@PointerOver:=", 77 | "controlStyles[13].styles[4]": "Background@Pressed:=", 78 | "controlStyles[13].styles[5]": "BorderBrush:=", 79 | "controlStyles[14].target": "Windows.UI.Xaml.Controls.Border#AcrylicBorder", 80 | "controlStyles[14].styles[0]": "CornerRadius=0", 81 | "controlStyles[14].styles[1]": "BorderThickness=0", 82 | "controlStyles[15].target": "Windows.UI.Xaml.Controls.Border#AcrylicOverlay", 83 | "controlStyles[15].styles[0]": "Visibility=Collapsed", 84 | "controlStyles[16].target": "StartDocked.StartSizingFrame", 85 | "controlStyles[16].styles[0]": "Margin=-13,13,0,0", 86 | "controlStyles[17].target": "StartDocked.NavigationPaneButton#PowerButton > Windows.UI.Xaml.Controls.Grid@CommonStates > Windows.UI.Xaml.Controls.Border", 87 | "controlStyles[17].styles[0]": "Background@PointerOver:=", 88 | "controlStyles[17].styles[1]": "BorderThickness=1", 89 | "controlStyles[17].styles[2]": "CornerRadius=0", 90 | "controlStyles[17].styles[3]": "Background@PointerOver:=", 91 | "controlStyles[17].styles[4]": "Background@Pressed:=", 92 | "controlStyles[17].styles[5]": "BorderBrush:=", 93 | "controlStyles[18].target": "StartDocked.NavigationPaneButton#UserTileButton > Windows.UI.Xaml.Controls.Grid@CommonStates > Windows.UI.Xaml.Controls.Border", 94 | "controlStyles[18].styles[0]": "Background@PointerOver:=", 95 | "controlStyles[18].styles[1]": "BorderThickness=1", 96 | "controlStyles[18].styles[2]": "CornerRadius=0", 97 | "controlStyles[18].styles[3]": "Background@PointerOver:=", 98 | "controlStyles[18].styles[4]": "Background@Pressed:=", 99 | "controlStyles[18].styles[5]": "BorderBrush:=", 100 | "controlStyles[19].target": "StartDocked.SearchBoxToggleButton > Windows.UI.Xaml.Controls.Grid@CommonStates > Windows.UI.Xaml.Controls.Border", 101 | "controlStyles[19].styles[0]": "CornerRadius=0", 102 | "controlStyles[19].styles[1]": "Background:=", 103 | "controlStyles[19].styles[2]": "BorderThickness=2", 104 | "controlStyles[19].styles[3]": "BorderBrush:=", 105 | "controlStyles[19].styles[4]": "BorderBrush@PointerOver:=", 106 | "controlStyles[19].styles[5]": "BorderBrush@CheckedPointerOver:=", 107 | "controlStyles[20].target": "Windows.UI.Xaml.Controls.Image#SearchIconOn", 108 | "controlStyles[20].styles[0]": "Visibility=Collapsed", 109 | "controlStyles[21].target": "Windows.UI.Xaml.Controls.Image#SearchIconOff", 110 | "controlStyles[21].styles[0]": "Visibility=Collapsed", 111 | "controlStyles[22].target": "Windows.UI.Xaml.Controls.FontIcon#SearchGlyph", 112 | "controlStyles[22].styles[0]": "Visibility=Visible", 113 | "controlStyles[23].target": "Windows.UI.Xaml.Controls.TextBlock#PlaceholderText", 114 | "controlStyles[23].styles[0]": "Text=Type here to search", 115 | "controlStyles[24].target": "Windows.UI.Xaml.Controls.Button > Windows.UI.Xaml.Controls.ContentPresenter@CommonStates", 116 | "controlStyles[24].styles[0]": "Background@PointerOver:=", 117 | "controlStyles[24].styles[1]": "BorderThickness=1", 118 | "controlStyles[24].styles[2]": "CornerRadius=0", 119 | "controlStyles[24].styles[3]": "Background@PointerOver:=", 120 | "controlStyles[24].styles[4]": "Background@Pressed:=", 121 | "controlStyles[24].styles[5]": "BorderBrush:=", 122 | "controlStyles[24].styles[6]": "Background=Transparent", 123 | "controlStyles[24].styles[7]": "Height=30", 124 | "controlStyles[25].target": "StartDocked.AllAppsGridListViewItem > Windows.UI.Xaml.Controls.StackPanel > Windows.UI.Xaml.Controls.Button#Header > Windows.UI.Xaml.Controls.Border@CommonStates", 125 | "controlStyles[25].styles[0]": "Background@PointerOver:=", 126 | "controlStyles[25].styles[1]": "BorderThickness=1", 127 | "controlStyles[25].styles[2]": "CornerRadius=0", 128 | "controlStyles[25].styles[3]": "Background@PointerOver:=", 129 | "controlStyles[25].styles[4]": "Background@Pressed:=", 130 | "controlStyles[25].styles[5]": "BorderBrush@PointerOver:=", 131 | "controlStyles[25].styles[6]": "Background=Transparent", 132 | "controlStyles[25].styles[7]": "BorderBrush@Pressed:=", 133 | "controlStyles[26].target": "StartDocked.AllAppsGridListViewItem > Windows.UI.Xaml.Controls.Grid@CommonStates > Windows.UI.Xaml.Controls.Border#BorderBackground", 134 | "controlStyles[26].styles[0]": "BorderThickness=1", 135 | "controlStyles[26].styles[1]": "CornerRadius=0", 136 | "controlStyles[26].styles[2]": "Background@PointerOver:=", 137 | "controlStyles[26].styles[3]": "Background@Pressed:=", 138 | "controlStyles[26].styles[4]": "BorderBrush@PointerOver:=", 139 | "controlStyles[26].styles[5]": "Background=Transparent", 140 | "controlStyles[26].styles[6]": "BorderBrush@Pressed:=", 141 | "controlStyles[27].target": "Windows.UI.Xaml.Controls.TextBlock#AllAppsHeading", 142 | "controlStyles[27].styles[0]": "Text=ALL", 143 | "controlStyles[27].styles[1]": "FontWeight=Bold", 144 | "controlStyles[28].target": "Windows.UI.Xaml.Controls.TextBlock#StatusMessage[Text=System]", 145 | "controlStyles[28].styles[0]": "Visibility=Collapsed", 146 | "controlStyles[29].target": "Windows.UI.Xaml.Controls.Grid#Root > Windows.UI.Xaml.Controls.Grid#VerticalRoot > Windows.UI.Xaml.Controls.Primitives.Thumb > Windows.UI.Xaml.Shapes.Rectangle#ThumbVisual", 147 | "controlStyles[29].styles[0]": "RadiusX=0", 148 | "controlStyles[29].styles[1]": "RadiusY=0", 149 | "controlStyles[29].styles[2]": "Margin=0,0,0,0", 150 | "controlStyles[30].target": "Windows.UI.Xaml.Shapes.Rectangle#VerticalTrackRect", 151 | "controlStyles[30].styles[0]": "RadiusX=0", 152 | "controlStyles[30].styles[1]": "RadiusY=0", 153 | "controlStyles[31].target": "Windows.UI.Xaml.Controls.Primitives.RepeatButton#VerticalSmallIncrease > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.FontIcon#Arrow > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock", 154 | "controlStyles[31].styles[0]": "Text=", 155 | "controlStyles[32].target": "Windows.UI.Xaml.Controls.Primitives.RepeatButton#VerticalSmallDecrease > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.FontIcon#Arrow > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock", 156 | "controlStyles[32].styles[0]": "Text=", 157 | "controlStyles[33].target": "StartDocked.AllAppsZoomListViewItem > Windows.UI.Xaml.Controls.Grid#ContentBorder@CommonStates > Windows.UI.Xaml.Controls.Border", 158 | "controlStyles[33].styles[0]": "Background@PointerOver:=", 159 | "controlStyles[33].styles[1]": "BorderThickness=1", 160 | "controlStyles[33].styles[2]": "CornerRadius=0", 161 | "controlStyles[33].styles[3]": "Background@Pressed:=", 162 | "controlStyles[33].styles[4]": "BorderBrush@PointerOver:=", 163 | "controlStyles[33].styles[5]": "BorderBrush@Pressed:=", 164 | "controlStyles[33].styles[6]": "Background=Transparent", 165 | "controlStyles[33].styles[7]": "BorderBrush:=", 166 | "controlStyles[33].styles[8]": "BorderThickness@PointerOver=2", 167 | "controlStyles[33].styles[9]": "BorderThickness@Pressed=2", 168 | "controlStyles[34].target": "StartDocked.AllAppsZoomListViewItem > Windows.UI.Xaml.Controls.Grid#ContentBorder@DisabledStates > Windows.UI.Xaml.Controls.Border", 169 | "controlStyles[34].styles[0]": "RenderTransform@Disabled:=", 170 | "controlStyles[35].target": "Windows.UI.Xaml.Controls.Border#LayerBorder", 171 | "controlStyles[35].styles[0]": "Visibility=Collapsed", 172 | "controlStyles[36].target": "Cortana.UI.Views.TaskbarSearchPage", 173 | "controlStyles[36].styles[0]": "RenderTransform:=", 174 | "controlStyles[37].target": "Windows.UI.Xaml.Controls.Border#TaskbarMargin", 175 | "controlStyles[37].styles[0]": "Visibility=Collapsed", 176 | "controlStyles[38].target": "Windows.UI.Xaml.Controls.Border#AppBorder", 177 | "controlStyles[38].styles[0]": "CornerRadius=0", 178 | "controlStyles[38].styles[1]": "BorderThickness=0", 179 | "controlStyles[39].target": "Windows.UI.Xaml.Controls.Border#dropshadow", 180 | "controlStyles[39].styles[0]": "CornerRadius=0", 181 | "controlStyles[40].target": "Windows.UI.Xaml.Controls.Grid#RootGrid@SearchBoxInputStates > Windows.UI.Xaml.Controls.Border#TaskbarSearchBackground", 182 | "controlStyles[40].styles[0]": "CornerRadius=0", 183 | "controlStyles[40].styles[1]": "Background:=", 184 | "controlStyles[40].styles[2]": "BorderThickness=2", 185 | "controlStyles[40].styles[3]": "BorderBrush:=", 186 | "controlStyles[40].styles[4]": "BorderBrush@SearchBoxHover:=", 187 | "controlStyles[40].styles[5]": "BorderBrush@FindInStartSearchBoxHover:=", 188 | "controlStyles[40].styles[6]": "Margin=25,37,21,15", 189 | "controlStyles[41].target": "Windows.UI.Xaml.Controls.Button#SearchGlyphContainer", 190 | "controlStyles[41].styles[0]": "Visibility=Visible", 191 | "controlStyles[42].target": "Microsoft.UI.Xaml.Controls.AnimatedIcon#SearchIconPlayer", 192 | "controlStyles[42].styles[0]": "Visibility=Collapsed", 193 | "controlStyles[43].target": "Windows.UI.Xaml.Controls.TextBlock#MoreSuggestionsListHeaderText", 194 | "controlStyles[43].styles[0]": "Text=RECOMMENDED", 195 | "controlStyles[43].styles[1]": "FontWeight=Bold", 196 | "controlStyles[44].target": "Windows.UI.Xaml.Controls.ListView#RecommendedList > Windows.UI.Xaml.Controls.Border > Windows.UI.Xaml.Controls.ScrollViewer > Windows.UI.Xaml.Controls.Border > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.ScrollContentPresenter > Windows.UI.Xaml.Controls.ItemsPresenter > Windows.UI.Xaml.Controls.ItemsStackPanel > Windows.UI.Xaml.Controls.ListViewItem > Windows.UI.Xaml.Controls.Grid@CommonStates > Windows.UI.Xaml.Controls.Border", 197 | "controlStyles[44].styles[0]": "BorderThickness=1", 198 | "controlStyles[44].styles[1]": "CornerRadius=0", 199 | "controlStyles[44].styles[2]": "Background@PointerOver:=", 200 | "controlStyles[44].styles[3]": "Background@Pressed:=", 201 | "controlStyles[44].styles[4]": "BorderBrush@PointerOver:=", 202 | "controlStyles[44].styles[5]": "Background=Transparent", 203 | "controlStyles[44].styles[6]": "BorderBrush@Pressed:=", 204 | "controlStyles[45].target": "Windows.UI.Xaml.Controls.ToolTip", 205 | "controlStyles[45].styles[0]": "CornerRadius=0", 206 | "controlStyles[46].target": "Windows.UI.Xaml.Controls.MenuFlyoutPresenter > Windows.UI.Xaml.Controls.Border", 207 | "controlStyles[46].styles[0]": "CornerRadius=0", 208 | "controlStyles[47].target": "Windows.UI.Xaml.Controls.TextBlock", 209 | "controlStyles[47].styles[0]": "FontFamily=Segoe UI, Segoe MDL2 Assets", 210 | "controlStyles[48].target": "Windows.UI.Xaml.Controls.FontIcon > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock", 211 | "controlStyles[48].styles[0]": "FontFamily=Segoe MDL2 Assets, Segoe UI", 212 | "controlStyles[49].target": "Windows.UI.Xaml.Controls.MenuFlyoutItem", 213 | "controlStyles[49].styles[0]": "CornerRadius=0", 214 | "controlStyles[50].target": "Windows.UI.Xaml.Controls.ListViewItem", 215 | "controlStyles[50].styles[0]": "CornerRadius=0", 216 | "controlStyles[51].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", 217 | "controlStyles[51].styles[0]": "FontSize=10", 218 | "webContentStyles[0].target": "#chatButtonRight", 219 | "webContentStyles[0].styles[0]": "display: none !important", 220 | "webContentStyles[1].target": ".groupTitle", 221 | "webContentStyles[1].styles[0]": "text-transform: uppercase !important", 222 | "webContentStyles[1].styles[1]": "font-weight: bold !important", 223 | "webContentStyles[2].target": "div, span, h1, h2, h3, h4, h5, p", 224 | "webContentStyles[2].styles[0]": "font-family: Segoe UI !important", 225 | "webContentStyles[3].target": ".cortanaFontIcon, .iconContent", 226 | "webContentStyles[3].styles[0]": "font-family: Segoe MDL2 Assets !important" 227 | } 228 | ``` 229 |
230 | -------------------------------------------------------------------------------- /Themes/LegacyFluent/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/LegacyFluent/screenshot-small.png -------------------------------------------------------------------------------- /Themes/LegacyFluent/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/LegacyFluent/screenshot.png -------------------------------------------------------------------------------- /Themes/NoRecommendedSection/README.md: -------------------------------------------------------------------------------- 1 | # NoRecommendedSection theme for Windows 11 Start Menu Styler 2 | 3 | A simple theme which just removes the "Recommended" section from the start menu. 4 | 5 | **Author**: [m417z](https://github.com/m417z) 6 | 7 | ![Screenshot](screenshot.png) 8 | 9 | ## Theme selection 10 | 11 | The theme is integrated into the mod, and can be simply selected from the mod's 12 | settings: 13 | 14 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 15 | * Go to the "Settings" tab. 16 | * Select the theme and save the settings. 17 | 18 | ## Manual installation 19 | 20 | The theme styles can also be imported manually. To do that, follow these steps: 21 | 22 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 23 | * Go to the "Advanced" tab. 24 | * Copy the content below to the text box under "Mod settings" and click "Save". 25 | 26 |
27 | Content to import (click to expand) 28 | 29 | ```json 30 | { 31 | "controlStyles[0].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader", 32 | "controlStyles[0].styles[0]": "Visibility=Collapsed", 33 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText", 34 | "controlStyles[1].styles[0]": "Visibility=Collapsed", 35 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer", 36 | "controlStyles[2].styles[0]": "Visibility=Collapsed", 37 | "controlStyles[3].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 38 | "controlStyles[3].styles[0]": "Visibility=Collapsed", 39 | "controlStyles[4].target": "StartMenu.PinnedList", 40 | "controlStyles[4].styles[0]": "Height=504" 41 | } 42 | ``` 43 |
44 | 45 | ## Keep Recommended Button 46 | 47 | A modification of NoRecommendedSection that moves the "Recommended" button next 48 | to the "All" button. This way the "Recommended" list is still accessible without 49 | taking up space. 50 | 51 | **Note**: The button will only appear after a few entries are added to the 52 | Recommended list, so you may need to open a few files and restart explorer to 53 | see any difference. 54 | 55 | ![Screenshot](screenshot-with-button.png) 56 | 57 |
58 | Content to import (click to expand) 59 | 60 | ```json 61 | { 62 | "controlStyles[0].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader", 63 | "controlStyles[0].styles[0]": "Visibility=Collapsed", 64 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText", 65 | "controlStyles[1].styles[0]": "Height=0", 66 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer", 67 | "controlStyles[2].styles[0]": "Height=0", 68 | "controlStyles[3].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 69 | "controlStyles[3].styles[0]": "RenderTransform:=", 70 | "controlStyles[4].target": "StartMenu.PinnedList", 71 | "controlStyles[4].styles[0]": "Height=504", 72 | "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", 73 | "controlStyles[5].styles[0]": "Text=Recommended" 74 | } 75 | ``` 76 |
77 | -------------------------------------------------------------------------------- /Themes/NoRecommendedSection/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/NoRecommendedSection/screenshot-small.png -------------------------------------------------------------------------------- /Themes/NoRecommendedSection/screenshot-with-button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/NoRecommendedSection/screenshot-with-button.png -------------------------------------------------------------------------------- /Themes/NoRecommendedSection/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/NoRecommendedSection/screenshot.png -------------------------------------------------------------------------------- /Themes/OnlySearch/README.md: -------------------------------------------------------------------------------- 1 | # OnlySearch theme for Windows 11 Start Menu Styler 2 | 3 | This theme removes the recommended app section as well as the newly added ones, 4 | including the list. It basically leaves you with a clean look. 5 | 6 | **Author**: [jonas-usx](https://github.com/jonas-usx) 7 | 8 | ![Screenshot](screenshot.png) 9 | 10 | ## Theme selection 11 | 12 | The theme is integrated into the mod, and can be simply selected from the mod's 13 | settings: 14 | 15 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 16 | * Go to the "Settings" tab. 17 | * Select the theme and save the settings. 18 | 19 | ## Manual installation 20 | 21 | The theme styles can also be imported manually. To do that, follow these steps: 22 | 23 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 24 | * Go to the "Advanced" tab. 25 | * Copy the content below to the text box under "Mod settings" and click "Save". 26 | 27 |
28 | Content to import (click to expand) 29 | 30 | ```json 31 | { 32 | "controlStyles[0].target": "StartDocked.StartSizingFrame", 33 | "controlStyles[0].styles[0]": "MaxHeight=160", 34 | "controlStyles[1].target": "StartDocked.StartSizingFrame", 35 | "controlStyles[1].styles[0]": "MinHeight=100", 36 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot", 37 | "controlStyles[2].styles[0]": "Visibility=Collapsed" 38 | } 39 | ``` 40 |
41 | -------------------------------------------------------------------------------- /Themes/OnlySearch/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/OnlySearch/screenshot-small.png -------------------------------------------------------------------------------- /Themes/OnlySearch/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/OnlySearch/screenshot.png -------------------------------------------------------------------------------- /Themes/RosePine/README.md: -------------------------------------------------------------------------------- 1 | # RosePine theme for Windows 11 Start Menu Styler 2 | 3 | A theme using the [RosePine](https://rosepinetheme.com/) color scheme while 4 | keeping the Start menu minimal. 5 | 6 | **Author**: [asev](https://github.com/lunar-os) 7 | 8 | ![Screenshot](screenshot.png) 9 | 10 | ## Note 11 | 12 | Please turn off all user shortcuts (Documents, Downloads, Pictures, etc) except 13 | for settings. 14 | 15 | ## Theme selection 16 | 17 | The theme is integrated into the mod, and can be simply selected from the mod's 18 | settings: 19 | 20 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 21 | * Go to the "Settings" tab. 22 | * Select the theme and save the settings. 23 | 24 | ## Manual installation 25 | 26 | The theme styles can also be imported manually. To do that, follow these steps: 27 | 28 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 29 | * Go to the "Advanced" tab. 30 | * Copy the content below to the text box under "Mod settings" and click "Save". 31 | 32 |
33 | Content to import (click to expand) 34 | 35 | ```json 36 | { 37 | "controlStyles[0].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot", 38 | "controlStyles[0].styles[0]": "Width=350", 39 | "controlStyles[0].styles[1]": "Margin=0,-40,0,0", 40 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#AllAppsRoot", 41 | "controlStyles[1].styles[0]": "Width=320", 42 | "controlStyles[1].styles[1]": "Transform3D:=", 43 | "controlStyles[1].styles[2]": "Margin=-30,-60,0,0", 44 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 45 | "controlStyles[2].styles[0]": "Visibility=Collapsed", 46 | "controlStyles[3].target": "Windows.UI.Xaml.Controls.Grid#SuggestionsParentContainer", 47 | "controlStyles[3].styles[0]": "Visibility=Collapsed", 48 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader", 49 | "controlStyles[4].styles[0]": "Visibility=Collapsed", 50 | "controlStyles[5].target": "StartDocked.SearchBoxToggleButton", 51 | "controlStyles[5].styles[0]": "Margin=114,53,114,0", 52 | "controlStyles[5].styles[1]": "Background=#1f1d2e", 53 | "controlStyles[5].styles[2]": "BorderThickness=0", 54 | "controlStyles[6].target": "Windows.UI.Xaml.Controls.Grid#TopLevelRoot > Windows.UI.Xaml.Controls.Border", 55 | "controlStyles[6].styles[0]": "Visibility=Collapsed", 56 | "controlStyles[7].target": "Windows.UI.Xaml.Controls.Button#CloseAllAppsButton", 57 | "controlStyles[7].styles[0]": "Visibility=Collapsed", 58 | "controlStyles[8].target": "StartMenu.PinnedList", 59 | "controlStyles[8].styles[0]": "Height=340", 60 | "controlStyles[9].target": "StartDocked.NavigationPaneView#Margin", 61 | "controlStyles[9].styles[0]": "Margin=210,0,210,0", 62 | "controlStyles[10].target": "Windows.UI.Xaml.Controls.Border#AcrylicBorder", 63 | "controlStyles[10].styles[0]": "BorderThickness=1.5", 64 | "controlStyles[10].styles[1]": "CornerRadius=25", 65 | "controlStyles[10].styles[2]": "BorderBrush=#ebbcba", 66 | "controlStyles[10].styles[3]": "Background=#191724", 67 | "controlStyles[11].target": "StartDocked.StartSizingFramePanel", 68 | "controlStyles[11].styles[0]": "CornerRadius=25", 69 | "controlStyles[12].target": "Windows.UI.Xaml.Controls.FontIcon > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.TextBlock", 70 | "controlStyles[12].styles[0]": "Foreground=#eb6f92", 71 | "controlStyles[13].target": "Windows.UI.Xaml.Controls.TextBlock#AppDisplayName", 72 | "controlStyles[13].styles[0]": "Foreground=#e0def4", 73 | "controlStyles[14].target": "Windows.UI.Xaml.Controls.TextBlock#DisplayName", 74 | "controlStyles[14].styles[0]": "Visibility=Collapsed", 75 | "controlStyles[15].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText", 76 | "controlStyles[15].styles[0]": "Visibility=Collapsed", 77 | "controlStyles[16].target": "Windows.UI.Xaml.Controls.TextBlock#AllAppsHeading", 78 | "controlStyles[16].styles[0]": "Visibility=Collapsed", 79 | "controlStyles[17].target": "StartDocked.StartSizingFrame", 80 | "controlStyles[17].styles[0]": "MaxHeight=580", 81 | "controlStyles[18].target": "Windows.UI.Xaml.Controls.Grid#UserTileIcon", 82 | "controlStyles[18].styles[0]": "Visibility=Collapsed", 83 | "controlStyles[19].target": "Windows.UI.Xaml.Controls.Border#AcrylicOverlay", 84 | "controlStyles[19].styles[0]": "Opacity=0", 85 | "controlStyles[20].target": "StartMenu.PinnedListTile > Windows.UI.Xaml.Controls.Grid#Root", 86 | "controlStyles[20].styles[0]": "Padding=0,25,0,0", 87 | "controlStyles[21].target": "Windows.UI.Xaml.Controls.Grid#DroppedFlickerWorkaroundWrapper > Windows.UI.Xaml.Controls.Border#BackgroundBorder", 88 | "controlStyles[21].styles[0]": "BorderBrush=#191724", 89 | "controlStyles[21].styles[1]": "BorderThickness=5", 90 | "controlStyles[21].styles[2]": "Background=#1f1d2e", 91 | "controlStyles[21].styles[3]": "CornerRadius=20", 92 | "controlStyles[22].target": "StartDocked.PowerOptionsView", 93 | "controlStyles[22].styles[0]": "Margin=-260,0,0,0", 94 | "controlStyles[23].target": "StartDocked.NavigationPaneButton#PowerButton > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.Border#BackgroundBorder", 95 | "controlStyles[23].styles[0]": "Background=#1f1d2e", 96 | "controlStyles[23].styles[1]": "CornerRadius=20", 97 | "controlStyles[24].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]", 98 | "controlStyles[24].styles[0]": "Text=   ", 99 | "controlStyles[25].target": "StartDocked.NavigationPaneButton#PowerButton", 100 | "controlStyles[25].styles[0]": "Width=120", 101 | "controlStyles[26].target": "Windows.UI.Xaml.Controls.Grid#InnerContent > Windows.UI.Xaml.Shapes.Rectangle", 102 | "controlStyles[26].styles[0]": "Margin=150,53,134,0", 103 | "controlStyles[27].target": "Windows.UI.Xaml.Controls.TextBlock#PlaceholderText", 104 | "controlStyles[27].styles[0]": "Text=Search", 105 | "controlStyles[27].styles[1]": "Foreground=#524f67", 106 | "controlStyles[27].styles[2]": "FontFamily=JetBrainsMono NF", 107 | "controlStyles[28].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]", 108 | "controlStyles[28].styles[0]": "Foreground=#c4a7e7", 109 | "controlStyles[29].target": "StartDocked.UserTileView", 110 | "controlStyles[29].styles[0]": "Visibility=Collapsed", 111 | "controlStyles[30].target": "Windows.UI.Xaml.Controls.Grid#ContentBorder > Windows.UI.Xaml.Controls.Border#BackgroundBorder", 112 | "controlStyles[30].styles[0]": "Background=#1f1d2e", 113 | "controlStyles[30].styles[1]": "CornerRadius=20", 114 | "controlStyles[31].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]", 115 | "controlStyles[31].styles[0]": "Foreground=#c4a7e7", 116 | "controlStyles[32].target": "StartDocked.AppListView#NavigationPanePlacesListView", 117 | "controlStyles[32].styles[0]": "Margin=0,0,-38,0", 118 | "controlStyles[33].target": "Windows.UI.Xaml.Controls.Border#AppBorder", 119 | "controlStyles[33].styles[0]": "Background=#191724", 120 | "controlStyles[33].styles[1]": "BorderThickness=1.5", 121 | "controlStyles[33].styles[2]": "BorderBrush=#ebbcba", 122 | "controlStyles[33].styles[3]": "CornerRadius=25", 123 | "controlStyles[34].target": "Windows.UI.Xaml.Controls.Grid#OuterBorderGrid", 124 | "controlStyles[34].styles[0]": "CornerRadius=25", 125 | "controlStyles[35].target": "Windows.UI.Xaml.Controls.Border#TaskbarSearchBackground", 126 | "controlStyles[35].styles[0]": "BorderThickness=1.5", 127 | "controlStyles[35].styles[1]": "BorderBrush=#ebbcba", 128 | "controlStyles[36].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent", 129 | "controlStyles[36].styles[0]": "MaxWidth=500", 130 | "controlStyles[36].styles[1]": "Width=500", 131 | "controlStyles[36].styles[2]": "MinWidth=500", 132 | "controlStyles[37].target": "StartDocked.StartSizingFramePanel", 133 | "controlStyles[37].styles[0]": "MaxWidth=500", 134 | "controlStyles[37].styles[1]": "Width=500", 135 | "controlStyles[37].styles[2]": "MinWidth=500", 136 | "controlStyles[38].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent", 137 | "controlStyles[38].styles[0]": "MaxWidth=500", 138 | "controlStyles[38].styles[1]": "Width=500", 139 | "controlStyles[38].styles[2]": "MinWidth=500", 140 | "controlStyles[39].target": "StartDocked.StartSizingFrame", 141 | "controlStyles[39].styles[0]": "MinWidth=500", 142 | "controlStyles[39].styles[1]": "Width=500", 143 | "controlStyles[39].styles[2]": "MaxWidth=500", 144 | "controlStyles[40].target": "StartMenu:ExpandedFolderList", 145 | "controlStyles[40].styles[0]": "Margin=-50,0,-50,0" 146 | } 147 | ``` 148 |
149 | 150 | ## Search menu support 151 | 152 | This section is only relevant for older versions of Windows 11 Start Menu 153 | Styler. Versions 1.2 and newer automatically apply the styles to the search 154 | menu. 155 | 156 |
157 | Expand 158 | 159 | To add this feature go to Start Menu Styler > **Advanced** > **Custom process 160 | inclusion list**, add `SearchHost.exe` to the process list and click save. 161 | 162 | ![Search menu support screenshot](screenshot-search-menu.png) 163 |
164 | -------------------------------------------------------------------------------- /Themes/RosePine/screenshot-search-menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/RosePine/screenshot-search-menu.png -------------------------------------------------------------------------------- /Themes/RosePine/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/RosePine/screenshot-small.png -------------------------------------------------------------------------------- /Themes/RosePine/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/RosePine/screenshot.png -------------------------------------------------------------------------------- /Themes/SideBySide/README.md: -------------------------------------------------------------------------------- 1 | # SideBySide theme for Windows 11 Start Menu Styler 2 | 3 | **Author**: [kaoshipaws](https://k4oshi.top/) 4 | 5 | ![Screenshot](screenshot.png) 6 | 7 | ## Theme selection 8 | 9 | The theme is integrated into the mod, and can be simply selected from the mod's 10 | settings: 11 | 12 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 13 | * Go to the "Settings" tab. 14 | * Select the theme and save the settings. 15 | 16 | ## Manual installation 17 | 18 | The theme styles can also be imported manually. To do that, follow these steps: 19 | 20 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 21 | * Go to the "Advanced" tab. 22 | * Copy the content below to the text box under "Mod settings" and click "Save". 23 | 24 |
25 | Content to import (click to expand) 26 | 27 | ```json 28 | { 29 | "controlStyles[0].target": "Grid#UndockedRoot", 30 | "controlStyles[0].styles[0]": "MaxWidth=700", 31 | "controlStyles[0].styles[1]": "Margin=0,0,300,0", 32 | "controlStyles[1].target": "Grid#AllAppsRoot", 33 | "controlStyles[1].styles[0]": "Visibility=Visible", 34 | "controlStyles[1].styles[1]": "MinWidth=390", 35 | "controlStyles[1].styles[2]": "Padding=-40,0,110,0", 36 | "controlStyles[1].styles[3]": "Background:=", 37 | "controlStyles[1].styles[4]": "Margin=-300,0,745,1", 38 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.Button#CloseAllAppsButton", 39 | "controlStyles[2].styles[0]": "Visibility=Collapsed", 40 | "controlStyles[3].target": "StartDocked.StartSizingFrame", 41 | "controlStyles[3].styles[0]": "MaxWidth=860", 42 | "controlStyles[3].styles[1]": "Width=860", 43 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Button#ShowAllAppsButton", 44 | "controlStyles[4].styles[0]": "Visibility=Collapsed", 45 | "controlStyles[5].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText", 46 | "controlStyles[5].styles[0]": "Margin=-22,-5,0,0", 47 | "controlStyles[6].target": "Grid#TopLevelSuggestionsListHeader", 48 | "controlStyles[6].styles[0]": "Margin=45,-15,0,0", 49 | "controlStyles[7].target": "StartDocked.AllAppsGridListView > Windows.UI.Xaml.Controls.ScrollViewer > Border > Grid > Windows.UI.Xaml.Controls.Primitives.ScrollBar", 50 | "controlStyles[7].styles[0]": "Margin=-8,0,8,2", 51 | "controlStyles[8].target": "Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager", 52 | "controlStyles[8].styles[0]": "Margin=-8,0,8,0", 53 | "controlStyles[9].target": "Windows.UI.Xaml.Controls.ItemsWrapGrid > Windows.UI.Xaml.Controls.GridViewItem", 54 | "controlStyles[9].styles[0]": "MaxWidth=185", 55 | "controlStyles[9].styles[1]": "MinWidth=85", 56 | "controlStyles[10].target": "StartMenu.PinnedList#StartMenuPinnedList", 57 | "controlStyles[10].styles[0]": "Margin=-15,0,5,0", 58 | "controlStyles[11].target": "Grid#ShowMoreSuggestions", 59 | "controlStyles[11].styles[0]": "Margin=0,20,0,-20", 60 | "controlStyles[12].target": "Grid#MoreSuggestionsRoot", 61 | "controlStyles[12].styles[0]": "Margin=-1,0,-4,-30", 62 | "controlStyles[13].target": "Windows.UI.Xaml.Controls.TextBlock#MoreSuggestionsListHeaderText", 63 | "controlStyles[13].styles[0]": "Margin=-40,0,0,0", 64 | "controlStyles[14].target": "Button#ShowMoreSuggestionsButton", 65 | "controlStyles[14].styles[0]": "Margin=0,-58,25,0", 66 | "controlStyles[15].target": "Grid#TopLevelSuggestionsContainer", 67 | "controlStyles[15].styles[0]": "Margin=30,-10,30,-60", 68 | "controlStyles[16].target": "Windows.UI.Xaml.Controls.GridViewItem", 69 | "controlStyles[16].styles[0]": "Margin=0", 70 | "controlStyles[17].target": "Border#AcrylicOverlay", 71 | "controlStyles[17].styles[0]": "Background:=", 72 | "controlStyles[18].target": "Windows.UI.Xaml.Controls.SemanticZoom#ZoomControl", 73 | "controlStyles[18].styles[0]": "IsZoomOutButtonEnabled=true", 74 | "controlStyles[19].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.TextBlock", 75 | "controlStyles[19].styles[0]": "Text=", 76 | "controlStyles[20].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton", 77 | "controlStyles[20].styles[0]": "Width=24", 78 | "controlStyles[20].styles[1]": "Height=24", 79 | "controlStyles[20].styles[2]": "FontSize=14", 80 | "controlStyles[20].styles[3]": "CornerRadius=4", 81 | "controlStyles[20].styles[4]": "VerticalAlignment=0", 82 | "controlStyles[20].styles[5]": "Margin=-8,-35,8,0", 83 | "controlStyles[21].target": "Border#LayerBorder", 84 | "controlStyles[21].styles[0]": "Background:=" 85 | } 86 | ``` 87 |
88 | 89 | ## Removing the "Recommended" section 90 | 91 | The "Recommended" section can be removed by following these steps: 92 | 93 | * Import [the NoRecommendedSection 94 | theme](https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/NoRecommendedSection/README.md) 95 | using the **Manual installation** instructions. 96 | * Select this theme using the **Theme selection** instructions on this page. 97 | -------------------------------------------------------------------------------- /Themes/SideBySide/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/SideBySide/screenshot-small.png -------------------------------------------------------------------------------- /Themes/SideBySide/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/SideBySide/screenshot.png -------------------------------------------------------------------------------- /Themes/SideBySide2/README.md: -------------------------------------------------------------------------------- 1 | # SideBySide2 theme for Windows 11 Start Menu Styler 2 | 3 | **Author**: [Pyxisynth](https://github.com/dreamsynth) 4 | 5 | ![Screenshot](screenshot.png) 6 | 7 | ## Theme selection 8 | 9 | The theme is integrated into the mod, and can be simply selected from the mod's 10 | settings: 11 | 12 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 13 | * Go to the "Settings" tab. 14 | * Select the theme and save the settings. 15 | 16 | ## Manual installation 17 | 18 | The theme styles can also be imported manually. To do that, follow these steps: 19 | 20 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 21 | * Go to the "Advanced" tab. 22 | * Copy the content below to the text box under "Mod settings" and click "Save". 23 | 24 |
25 | Content to import (click to expand) 26 | 27 | ```json 28 | { 29 | "resourceVariables[0].variableKey": "", 30 | "resourceVariables[0].value": "", 31 | "controlStyles[0].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot", 32 | "controlStyles[0].styles[0]": "Visibility=Visible", 33 | "controlStyles[0].styles[1]": "Width=510", 34 | "controlStyles[0].styles[2]": "MinHeight=585", 35 | "controlStyles[0].styles[3]": "Margin=264,0,0,0", 36 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#AllAppsRoot", 37 | "controlStyles[1].styles[0]": "Visibility=Visible", 38 | "controlStyles[1].styles[1]": "Width=320", 39 | "controlStyles[1].styles[2]": "Transform3D:=", 40 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.Button#CloseAllAppsButton", 41 | "controlStyles[2].styles[0]": "Visibility=1", 42 | "controlStyles[3].target": "StartDocked.StartSizingFrame", 43 | "controlStyles[3].styles[0]": "MinWidth=776", 44 | "controlStyles[3].styles[1]": "MaxWidth=776", 45 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 46 | "controlStyles[4].styles[0]": "Visibility=0", 47 | "controlStyles[5].target": "Windows.UI.Xaml.Controls.Button#ShowAllAppsButton", 48 | "controlStyles[5].styles[0]": "Visibility=1", 49 | "controlStyles[6].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", 50 | "controlStyles[6].styles[0]": "MaxWidth=220", 51 | "controlStyles[6].styles[1]": "MinWidth=220", 52 | "controlStyles[7].target": "StartDocked.AllAppsGridListView#AppsList", 53 | "controlStyles[7].styles[0]": "Padding=48,3,-36,16", 54 | "controlStyles[8].target": "Windows.UI.Xaml.Controls.Grid#AllAppsPaneHeader", 55 | "controlStyles[8].styles[0]": "Margin=97,0,0,0", 56 | "controlStyles[9].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer", 57 | "controlStyles[9].styles[0]": "Height=302", 58 | "controlStyles[10].target": "StartDocked.NavigationPaneView#NavigationPane", 59 | "controlStyles[10].styles[0]": "FlowDirection=1", 60 | "controlStyles[10].styles[1]": "Margin=30,0,30,0", 61 | "controlStyles[11].target": "StartDocked.PowerOptionsView#PowerButton", 62 | "controlStyles[11].styles[0]": "FlowDirection=0", 63 | "controlStyles[12].target": "Windows.UI.Xaml.Controls.ItemsStackPanel > Windows.UI.Xaml.Controls.ListViewItem", 64 | "controlStyles[12].styles[0]": "FlowDirection=0", 65 | "controlStyles[13].target": "StartDocked.SearchBoxToggleButton#StartMenuSearchBox", 66 | "controlStyles[13].styles[0]": "Margin=23,1,23,14", 67 | "controlStyles[14].target": "Windows.UI.Xaml.Controls.TextBlock#NoSuggestionsWithoutSettingsLink", 68 | "controlStyles[14].styles[0]": "Margin=11,0,48,0", 69 | "controlStyles[15].target": "StartDocked.LauncherFrame > Windows.UI.Xaml.Controls.Grid#RootGrid > Windows.UI.Xaml.Controls.Grid#RootContent > Windows.UI.Xaml.Controls.Grid#MainContent > Windows.UI.Xaml.Controls.Grid#InnerContent > Windows.UI.Xaml.Shapes.Rectangle", 70 | "controlStyles[15].styles[0]": "Margin=67,7,0,21", 71 | "controlStyles[16].target": "Windows.UI.Xaml.Controls.SemanticZoom#ZoomControl", 72 | "controlStyles[16].styles[0]": "IsZoomOutButtonEnabled=true", 73 | "controlStyles[17].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.TextBlock", 74 | "controlStyles[17].styles[0]": "Text=", 75 | "controlStyles[18].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton", 76 | "controlStyles[18].styles[0]": "Width=24", 77 | "controlStyles[18].styles[1]": "Height=24", 78 | "controlStyles[18].styles[2]": "Margin=0,0,0,0", 79 | "controlStyles[18].styles[3]": "FontSize=14", 80 | "controlStyles[18].styles[4]": "CornerRadius=4", 81 | "controlStyles[19].target": "Windows.UI.Xaml.Controls.ListView#ZoomAppsList", 82 | "controlStyles[19].styles[0]": "Padding=86,0,25,0", 83 | "controlStyles[18].styles[5]": "VerticalAlignment=0", 84 | "controlStyles[18].styles[6]": "Transform3D:=", 85 | "controlStyles[20].target": "StartMenu.PinnedList#StartMenuPinnedList > Windows.UI.Xaml.Controls.Grid#Root", 86 | "controlStyles[20].styles[0]": "Padding=0,0,4,0", 87 | "controlStyles[21].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText", 88 | "controlStyles[21].styles[0]": "Margin=-32,0,32,0", 89 | "controlStyles[22].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader", 90 | "controlStyles[22].styles[0]": "Margin=31,-3,12,0", 91 | "controlStyles[23].target": "Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText", 92 | "controlStyles[23].styles[0]": "Margin=31,0,63,0", 93 | "controlStyles[24].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer", 94 | "controlStyles[24].styles[0]": "Margin=20,0,0,0", 95 | "controlStyles[25].target": "Windows.UI.Xaml.Controls.ListView#RecommendedList", 96 | "controlStyles[25].styles[0]": "Width=490", 97 | "controlStyles[26].target": "Windows.UI.Xaml.Controls.Button#ShowMoreSuggestionsButton", 98 | "controlStyles[26].styles[0]": "Margin=0,0,36,2", 99 | "controlStyles[26].styles[1]": "Height=24", 100 | "controlStyles[27].target": "Windows.UI.Xaml.Controls.Button#HideMoreSuggestionsButton", 101 | "controlStyles[27].styles[0]": "Margin=0,0,36,2", 102 | "controlStyles[27].styles[1]": "Height=24", 103 | "controlStyles[28].target": "Windows.UI.Xaml.Controls.Grid#MoreSuggestionsRoot > Windows.UI.Xaml.Controls.Grid", 104 | "controlStyles[28].styles[0]": "Margin=31,-3,0,0", 105 | "controlStyles[29].target": "Windows.UI.Xaml.Controls.Grid#MoreSuggestionsContainer", 106 | "controlStyles[29].styles[0]": "Margin=20,0,0,0", 107 | "controlStyles[30].target": "Windows.UI.Xaml.Controls.ItemsStackPanel > Windows.UI.Xaml.Controls.ListViewItem[MaxHeight=5000]", 108 | "controlStyles[30].styles[0]": "MaxWidth=460", 109 | "controlStyles[30].styles[1]": "MinWidth=460", 110 | "controlStyles[30].styles[2]": "Margin=0,0,16,0", 111 | "controlStyles[30].styles[3]": "Padding=10,0,14,0", 112 | "controlStyles[31].target": "Windows.UI.Xaml.Controls.Button#ShowMoreSuggestionsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.StackPanel > Windows.UI.Xaml.Controls.TextBlock", 113 | "controlStyles[31].styles[0]": "Margin=0,0,2,0", 114 | "controlStyles[32].target": "Windows.UI.Xaml.Controls.Button#ShowMoreSuggestionsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.StackPanel > Windows.UI.Xaml.Controls.FontIcon", 115 | "controlStyles[32].styles[0]": "FontSize=12", 116 | "controlStyles[33].target": "Windows.UI.Xaml.Controls.Button#HideMoreSuggestionsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.StackPanel > Windows.UI.Xaml.Controls.TextBlock", 117 | "controlStyles[33].styles[0]": "Margin=2,0,0,0", 118 | "controlStyles[34].target": "Windows.UI.Xaml.Controls.Button#HideMoreSuggestionsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.StackPanel > Windows.UI.Xaml.Controls.FontIcon", 119 | "controlStyles[34].styles[0]": "FontSize=12", 120 | "controlStyles[35].target": "Windows.UI.Xaml.Controls.FlyoutPresenter[1]", 121 | "controlStyles[35].styles[0]": "Margin=-268,0,0,0", 122 | "controlStyles[36].target": "Windows.UI.Xaml.Controls.FlyoutPresenter[1] > Grid", 123 | "controlStyles[36].styles[0]": "Margin=-543,0,543,0", 124 | "controlStyles[37].target": "Windows.UI.Xaml.Controls.FlyoutPresenter", 125 | "controlStyles[37].styles[0]": "Margin=-245,-12,0,0" 126 | } 127 | ``` 128 |
129 | 130 | ## Removing the "Recommended" section 131 | 132 | The "Recommended" section can be removed by following these steps: 133 | 134 | * Import [the NoRecommendedSection 135 | theme](https://github.com/ramensoftware/windows-11-start-menu-styling-guide/blob/main/Themes/NoRecommendedSection/README.md) 136 | using the **Manual installation** instructions. 137 | * Select this theme using the **Theme selection** instructions on this page. 138 | -------------------------------------------------------------------------------- /Themes/SideBySide2/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/SideBySide2/screenshot-small.png -------------------------------------------------------------------------------- /Themes/SideBySide2/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/SideBySide2/screenshot.png -------------------------------------------------------------------------------- /Themes/SideBySideMinimal/README.md: -------------------------------------------------------------------------------- 1 | # SideBySideMinimal theme for Windows 11 Start Menu Styler 2 | 3 | **Author**: [Olivia](https://github.com/OliviaIsTyping) 4 | 5 | ![Screenshot](screenshot.png) 6 | 7 | ## Theme selection 8 | 9 | The theme is integrated into the mod, and can be simply selected from the mod's 10 | settings: 11 | 12 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 13 | * Go to the "Settings" tab. 14 | * Select the theme and save the settings. 15 | 16 | ## Manual installation 17 | 18 | The theme styles can also be imported manually. To do that, follow these steps: 19 | 20 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 21 | * Go to the "Advanced" tab. 22 | * Copy the content below to the text box under "Mod settings" and click "Save". 23 | 24 |
25 | Content to import (click to expand) 26 | 27 | ```json 28 | { 29 | "controlStyles[0].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot", 30 | "controlStyles[0].styles[0]": "Visibility=Visible", 31 | "controlStyles[0].styles[1]": "Width=348", 32 | "controlStyles[0].styles[2]": "Margin=132,-42,-132,0", 33 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#AllAppsRoot", 34 | "controlStyles[1].styles[0]": "Visibility=Visible", 35 | "controlStyles[1].styles[1]": "Width=320", 36 | "controlStyles[1].styles[2]": "Margin=-830,-42,830,0", 37 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 38 | "controlStyles[2].styles[0]": "Visibility=Collapsed", 39 | "controlStyles[3].target": "Windows.UI.Xaml.Controls.Grid#SuggestionsParentContainer", 40 | "controlStyles[3].styles[0]": "Visibility=Collapsed", 41 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader", 42 | "controlStyles[4].styles[0]": "Visibility=Collapsed", 43 | "controlStyles[5].target": "StartDocked.SearchBoxToggleButton", 44 | "controlStyles[5].styles[0]": "Height=0", 45 | "controlStyles[5].styles[1]": "Width=0", 46 | "controlStyles[6].target": "Windows.UI.Xaml.Controls.Grid#TopLevelRoot > Windows.UI.Xaml.Controls.Border", 47 | "controlStyles[6].styles[0]": "Visibility=Collapsed", 48 | "controlStyles[7].target": "Windows.UI.Xaml.Controls.Button#CloseAllAppsButton", 49 | "controlStyles[7].styles[0]": "Visibility=Collapsed", 50 | "controlStyles[8].target": "StartDocked.PowerOptionsView", 51 | "controlStyles[8].styles[0]": "Margin=-575,0,0,0", 52 | "controlStyles[9].target": "StartDocked.UserTileView", 53 | "controlStyles[9].styles[0]": "Visibility=Collapsed", 54 | "controlStyles[10].target": "StartMenu.PinnedList", 55 | "controlStyles[10].styles[0]": "Height=504", 56 | "controlStyles[11].target": "StartMenu.ExpandedFolderList > Grid > Border", 57 | "controlStyles[11].styles[0]": "Margin=-40,0,40,0", 58 | "controlStyles[11].styles[1]": "Width=325", 59 | "controlStyles[12].target": "StartMenu.ExpandedFolderList > Grid > Grid", 60 | "controlStyles[12].styles[0]": "CornerRadius=8", 61 | "controlStyles[12].styles[1]": "Margin=-85,0,0,0", 62 | "controlStyles[12].styles[2]": "Width=350", 63 | "controlStyles[13].target": "StartMenu.ExpandedFolderList > Grid > Grid > Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager", 64 | "controlStyles[13].styles[0]": "Margin=-15,0,0,0", 65 | "controlStyles[14].target": "Rectangle[4]", 66 | "controlStyles[14].styles[0]": "Margin=0,-20,0,0", 67 | "controlStyles[15].target": "Grid#TopLevelSuggestionsContainer", 68 | "controlStyles[15].styles[0]": "Visibility=Collapsed", 69 | "controlStyles[16].target": "StartDocked.AppListView", 70 | "controlStyles[16].styles[0]": "Margin=38,0,-38,0" 71 | } 72 | ``` 73 |
74 | -------------------------------------------------------------------------------- /Themes/SideBySideMinimal/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/SideBySideMinimal/screenshot-small.png -------------------------------------------------------------------------------- /Themes/SideBySideMinimal/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/SideBySideMinimal/screenshot.png -------------------------------------------------------------------------------- /Themes/TranslucentStartMenu/README.md: -------------------------------------------------------------------------------- 1 | # TranslucentStartMenu theme for Windows 11 Start Menu Styler 2 | 3 | A theme with a clear view of start menu acrylic background. 4 | 5 | **Author**: [Undisputed00x](https://github.com/Undisputed00x) 6 | 7 | ![Screenshot](screenshot.png) 8 | 9 | ## Theme selection 10 | 11 | The theme is integrated into the mod, and can be simply selected from the mod's 12 | settings: 13 | 14 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 15 | * Go to the "Settings" tab. 16 | * Select the theme and save the settings. 17 | 18 | ## Manual installation 19 | 20 | The theme styles can also be imported manually. To do that, follow these steps: 21 | 22 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 23 | * Go to the "Advanced" tab. 24 | * Copy the content below to the text box under "Mod settings" and click "Save". 25 | 26 |
27 | Content to import (click to expand) 28 | 29 | ```json 30 | { 31 | "controlStyles[0].target": "Border#AcrylicBorder", 32 | "controlStyles[0].styles[0]": "Background:=", 33 | "controlStyles[0].styles[1]": "BorderThickness=0", 34 | "controlStyles[0].styles[2]": "CornerRadius=15", 35 | "controlStyles[1].target": "Border#AcrylicOverlay", 36 | "controlStyles[1].styles[0]": "Visibility=Collapsed", 37 | "controlStyles[2].target": "Border#BorderElement", 38 | "controlStyles[2].styles[0]": "Background:=", 39 | "controlStyles[2].styles[1]": "BorderThickness=0", 40 | "controlStyles[2].styles[2]": "CornerRadius=10", 41 | "controlStyles[3].target": "Grid#ShowMoreSuggestions", 42 | "controlStyles[3].styles[0]": "Visibility=Collapsed", 43 | "controlStyles[4].target": "Grid#SuggestionsParentContainer", 44 | "controlStyles[4].styles[0]": "Visibility=Collapsed", 45 | "controlStyles[5].target": "Grid#TopLevelSuggestionsListHeader", 46 | "controlStyles[5].styles[0]": "Visibility=Collapsed", 47 | "controlStyles[6].target": "StartMenu.PinnedList", 48 | "controlStyles[6].styles[0]": "Height=504", 49 | "controlStyles[7].target": "MenuFlyoutPresenter", 50 | "controlStyles[7].styles[0]": "Background:=", 51 | "controlStyles[7].styles[1]": "BorderThickness=0", 52 | "controlStyles[8].target": "Border#AppBorder", 53 | "controlStyles[8].styles[0]": "Background:=", 54 | "controlStyles[8].styles[1]": "BorderThickness=0", 55 | "controlStyles[8].styles[2]": "CornerRadius=15", 56 | "controlStyles[9].target": "Border#AccentAppBorder", 57 | "controlStyles[9].styles[0]": "Background:=", 58 | "controlStyles[9].styles[1]": "BorderThickness=0", 59 | "controlStyles[9].styles[2]": "CornerRadius=15", 60 | "controlStyles[10].target": "Border#LayerBorder", 61 | "controlStyles[10].styles[0]": "Visibility=Collapsed", 62 | "controlStyles[11].target": "Border#TaskbarSearchBackground", 63 | "controlStyles[11].styles[0]": "Background:=", 64 | "controlStyles[11].styles[1]": "BorderThickness=0", 65 | "controlStyles[11].styles[2]": "CornerRadius=10", 66 | "controlStyles[12].target": "Border#ContentBorder@CommonStates > Grid#DroppedFlickerWorkaroundWrapper > Border", 67 | "controlStyles[12].styles[0]": "Background@Normal:=", 68 | "controlStyles[12].styles[1]": "Background@PointerOver:=", 69 | "controlStyles[12].styles[2]": "BorderBrush@PointerOver:=", 70 | "controlStyles[12].styles[3]": "Margin=1", 71 | "controlStyles[12].styles[4]": "Background@Pressed:=", 72 | "controlStyles[12].styles[5]": "BorderBrush@Pressed:=", 73 | "controlStyles[13].target": "Button#ShowAllAppsButton > ContentPresenter@CommonStates", 74 | "controlStyles[13].styles[0]": "Background@Normal:=", 75 | "controlStyles[13].styles[1]": "Background@PointerOver:=", 76 | "controlStyles[13].styles[2]": "BorderBrush@PointerOver:=", 77 | "controlStyles[13].styles[3]": "BorderThickness=1", 78 | "controlStyles[14].target": "StartDocked.SearchBoxToggleButton#StartMenuSearchBox > Grid > Border#BorderElement", 79 | "controlStyles[14].styles[0]": "BorderBrush:=", 80 | "controlStyles[14].styles[1]": "BorderThickness=1", 81 | "controlStyles[15].target": "StartDocked.NavigationPaneButton#UserTileButton > Grid@CommonStates > Border", 82 | "controlStyles[15].styles[0]": "Background@Normal:=", 83 | "controlStyles[15].styles[1]": "Background@PointerOver:=", 84 | "controlStyles[15].styles[2]": "BorderBrush@PointerOver:=", 85 | "controlStyles[15].styles[3]": "BorderThickness=1", 86 | "controlStyles[16].target": "StartDocked.AppListViewItem > Grid@CommonStates > Border", 87 | "controlStyles[16].styles[0]": "Background:=", 88 | "controlStyles[16].styles[1]": "BorderBrush:=", 89 | "controlStyles[16].styles[2]": "BorderThickness=1", 90 | "controlStyles[16].styles[3]": "Margin@Normal=4", 91 | "controlStyles[17].target": "StartDocked.NavigationPaneButton#PowerButton > Grid@CommonStates > Border", 92 | "controlStyles[17].styles[0]": "Background:=", 93 | "controlStyles[17].styles[1]": "BorderBrush:=", 94 | "controlStyles[17].styles[2]": "BorderThickness=1", 95 | "controlStyles[17].styles[3]": "Margin@Normal=4", 96 | "controlStyles[18].target": "ToolTip > ContentPresenter#LayoutRoot", 97 | "controlStyles[18].styles[0]": "Background:=", 98 | "controlStyles[19].target": "StartDocked.AllAppsGridListViewItem > Grid@CommonStates > Border", 99 | "controlStyles[19].styles[0]": "BorderBrush@PointerOver:=", 100 | "controlStyles[19].styles[1]": "Background@PointerOver:=", 101 | "controlStyles[19].styles[2]": "BorderThickness=1", 102 | "controlStyles[20].target": "Button#CloseAllAppsButton > ContentPresenter@CommonStates", 103 | "controlStyles[20].styles[0]": "Background@Normal:=", 104 | "controlStyles[20].styles[1]": "Background@PointerOver:=", 105 | "controlStyles[20].styles[2]": "BorderBrush@PointerOver:=", 106 | "controlStyles[20].styles[3]": "BorderThickness=1", 107 | "controlStyles[21].target": "StartDocked.AllAppsZoomListViewItem > Grid@CommonStates > Border", 108 | "controlStyles[21].styles[0]": "Background@Normal:=", 109 | "controlStyles[21].styles[1]": "Background@PointerOver:=", 110 | "controlStyles[21].styles[2]": "BorderBrush@PointerOver:=", 111 | "controlStyles[22].target": "Border#dropshadow", 112 | "controlStyles[22].styles[0]": "CornerRadius=16", 113 | "controlStyles[22].styles[1]": "Margin=-1", 114 | "controlStyles[23].target": "Border#DropShadow", 115 | "controlStyles[23].styles[0]": "CornerRadius=15", 116 | "controlStyles[24].target": "StartDocked.AllAppsGridListViewItem > Grid#ContentBorder@CommonStates", 117 | "controlStyles[24].styles[0]": "Background@PointerOver:=", 118 | "controlStyles[24].styles[1]": "CornerRadius=4" 119 | } 120 | ``` 121 |
122 | 123 | ## TranslucentSearchMenu Support 124 | 125 | This section is only relevant for older versions of Windows 11 Start Menu 126 | Styler. Versions 1.2 and newer automatically apply the styles to the search 127 | menu. 128 | 129 |
130 | Expand 131 | 132 | To add this feature go to Start Menu Styler > **Advanced** > **Custom process 133 | inclusion list**, add `SearchHost.exe` to the process list and click save. 134 | 135 | ![TranslucentSearchMenu gif](TranslucentSearchMenu.gif) 136 |
137 | -------------------------------------------------------------------------------- /Themes/TranslucentStartMenu/TranslucentSearchMenu.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/TranslucentStartMenu/TranslucentSearchMenu.gif -------------------------------------------------------------------------------- /Themes/TranslucentStartMenu/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/TranslucentStartMenu/screenshot-small.png -------------------------------------------------------------------------------- /Themes/TranslucentStartMenu/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/TranslucentStartMenu/screenshot.png -------------------------------------------------------------------------------- /Themes/UniMenu/README.md: -------------------------------------------------------------------------------- 1 | # UniMenu theme for Windows 11 Start Menu Styler 2 | 3 | **Author**: [VIN STAR](https://github.com/vinstartheme) 4 | 5 | ![Screenshot](screenshot.png) 6 | 7 | ## Theme selection 8 | 9 | The theme is integrated into the mod, and can be simply selected from the mod's 10 | settings: 11 | 12 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 13 | * Go to the "Settings" tab. 14 | * Select the theme and save the settings. 15 | 16 | ## Manual installation 17 | 18 | The theme styles can also be imported manually. To do that, follow these steps: 19 | 20 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 21 | * Go to the "Advanced" tab. 22 | * Copy the content below to the text box under "Mod settings" and click "Save". 23 | 24 |
25 | Content to import (click to expand) 26 | 27 | ```json 28 | { 29 | "controlStyles[0].target": "Windows.UI.Xaml.Controls.Grid#NoTopLevelSuggestionsText", 30 | "controlStyles[0].styles[0]": "Visibility=Collapsed", 31 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsContainer", 32 | "controlStyles[1].styles[0]": "Visibility=Collapsed", 33 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 34 | "controlStyles[2].styles[0]": "Visibility=Collapsed", 35 | "controlStyles[3].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader", 36 | "controlStyles[3].styles[0]": "Visibility=Collapsed", 37 | "controlStyles[4].target": "StartDocked.UserTileView", 38 | "controlStyles[4].styles[0]": "Visibility=Collapsed", 39 | "controlStyles[5].target": "StartDocked.AppListView", 40 | "controlStyles[5].styles[0]": "Visibility=Collapsed", 41 | "controlStyles[6].target": "Microsoft.UI.Xaml.Controls.PipsPager", 42 | "controlStyles[6].styles[0]": "Visibility=Collapsed", 43 | "controlStyles[7].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle", 44 | "controlStyles[7].styles[0]": "Visibility=Collapsed", 45 | "controlStyles[8].target": "StartDocked.StartSizingFrame", 46 | "controlStyles[8].styles[0]": "MaxHeight=520", 47 | "controlStyles[8].styles[1]": "Margin=-8,10,0,0", 48 | "controlStyles[9].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot", 49 | "controlStyles[9].styles[0]": "Margin=0,-70,0,-90", 50 | "controlStyles[10].target": "StartMenu.PinnedList", 51 | "controlStyles[10].styles[0]": "Height=375", 52 | "controlStyles[10].styles[1]": "Margin=13,30,-13,0", 53 | "controlStyles[11].target": "StartDocked.SearchBoxToggleButton", 54 | "controlStyles[11].styles[0]": "Width=480", 55 | "controlStyles[11].styles[1]": "Height=40", 56 | "controlStyles[11].styles[2]": "Margin=-100,0,0,30", 57 | "controlStyles[11].styles[3]": "Canvas.ZIndex=1", 58 | "controlStyles[12].target": "StartDocked.SearchBoxToggleButton > Grid > Windows.UI.Xaml.Controls.Border", 59 | "controlStyles[12].styles[0]": "CornerRadius=5", 60 | "controlStyles[12].styles[1]": "Background:=", 61 | "controlStyles[13].target": "StartDocked.PowerOptionsView", 62 | "controlStyles[13].styles[0]": "Margin=-68,-870,0,0", 63 | "controlStyles[14].target": "Windows.UI.Xaml.Controls.GridView#PinnedList > Windows.UI.Xaml.Controls.Border > Windows.UI.Xaml.Controls.ScrollViewer > Windows.UI.Xaml.Controls.Border > Windows.UI.Xaml.Controls.Grid > Windows.UI.Xaml.Controls.ScrollContentPresenter > Windows.UI.Xaml.Controls.ItemsPresenter > Windows.UI.Xaml.Controls.ItemsWrapGrid > Windows.UI.Xaml.Controls.GridViewItem", 64 | "controlStyles[14].styles[0]": "Margin=5,10,0,0", 65 | "controlStyles[15].target": "StartMenu.PinnedList > Grid#Root", 66 | "controlStyles[15].styles[0]": "Padding=0", 67 | "controlStyles[16].target": "TextBlock#PinnedListHeaderText", 68 | "controlStyles[16].styles[0]": "Visibility=Collapsed", 69 | "controlStyles[17].target": "TextBlock#ShowAllAppsButtonText", 70 | "controlStyles[17].styles[0]": "Visibility=Collapsed", 71 | "controlStyles[18].target": "Button#ShowAllAppsButton", 72 | "controlStyles[18].styles[0]": "Margin=0,-2,30,0", 73 | "controlStyles[19].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]", 74 | "controlStyles[19].styles[0]": "Text=", 75 | "controlStyles[19].styles[1]": "FontSize=16", 76 | "controlStyles[20].target": "Button#ShowAllAppsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter@CommonStates", 77 | "controlStyles[20].styles[0]": "Width=40", 78 | "controlStyles[20].styles[1]": "Height=40", 79 | "controlStyles[20].styles[2]": "Background:=", 80 | "controlStyles[20].styles[3]": "BorderBrush:=", 81 | "controlStyles[20].styles[4]": "Background@PointerOver:=", 82 | "controlStyles[21].target": "StartDocked.NavigationPaneButton#PowerButton > Grid@CommonStates > Border#BackgroundBorder", 83 | "controlStyles[21].styles[0]": "Background:=", 84 | "controlStyles[21].styles[1]": "BorderThickness=1", 85 | "controlStyles[21].styles[2]": "BorderBrush:=", 86 | "controlStyles[21].styles[3]": "Background@PointerOver:=", 87 | "controlStyles[22].target": "Windows.UI.Xaml.Controls.TextBlock[Text=Back]", 88 | "controlStyles[22].styles[0]": "Visibility=Collapsed", 89 | "controlStyles[23].target": "Windows.UI.Xaml.Controls.TextBlock[Text=]", 90 | "controlStyles[23].styles[0]": "Text=", 91 | "controlStyles[23].styles[1]": "FontSize=16", 92 | "controlStyles[24].target": "Button#CloseAllAppsButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter@CommonStates", 93 | "controlStyles[24].styles[0]": "Width=40", 94 | "controlStyles[24].styles[1]": "Height=40", 95 | "controlStyles[24].styles[2]": "Background:=", 96 | "controlStyles[24].styles[3]": "BorderBrush:=", 97 | "controlStyles[24].styles[4]": "Background@PointerOver:=", 98 | "controlStyles[25].target": "Button#CloseAllAppsButton", 99 | "controlStyles[25].styles[0]": "Margin=0,-102,-33,0", 100 | "controlStyles[26].target": "Grid#AllAppsRoot", 101 | "controlStyles[26].styles[0]": "Margin=0,-20,0,-40", 102 | "controlStyles[27].target": "Border#AcrylicOverlay", 103 | "controlStyles[27].styles[0]": "Margin=0,0,0,-58", 104 | "controlStyles[27].styles[1]": "BorderBrush:=", 105 | "controlStyles[27].styles[2]": "BorderThickness=2", 106 | "controlStyles[27].styles[3]": "Background=Transparent", 107 | "controlStyles[27].styles[4]": "CornerRadius=8", 108 | "controlStyles[28].target": "Border#AcrylicBorder", 109 | "controlStyles[28].styles[0]": "Margin=6,6,6,12", 110 | "controlStyles[28].styles[1]": "CornerRadius=8", 111 | "controlStyles[29].target": "Border#DropShadow", 112 | "controlStyles[29].styles[0]": "Visibility=Collapsed", 113 | "controlStyles[30].target": "Cortana.UI.Views.TaskbarSearchPage", 114 | "controlStyles[30].styles[0]": "Margin=5,0,0,8", 115 | "controlStyles[31].target": "Cortana.UI.Views.TaskbarSearchPage > Grid#RootGrid", 116 | "controlStyles[31].styles[0]": "BorderBrush:=", 117 | "controlStyles[31].styles[1]": "BorderThickness=2", 118 | "controlStyles[31].styles[2]": "Padding=3,3,3,-8", 119 | "controlStyles[31].styles[3]": "CornerRadius=8", 120 | "controlStyles[32].target": "Border#dropshadow", 121 | "controlStyles[32].styles[0]": "Visibility=Collapsed", 122 | "controlStyles[33].target": "Border#LayerBorder", 123 | "controlStyles[33].styles[0]": "Visibility=Collapsed" 124 | } 125 | ``` 126 |
127 | -------------------------------------------------------------------------------- /Themes/UniMenu/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/UniMenu/screenshot-small.png -------------------------------------------------------------------------------- /Themes/UniMenu/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/UniMenu/screenshot.png -------------------------------------------------------------------------------- /Themes/Windows10/README.md: -------------------------------------------------------------------------------- 1 | # Windows10 theme for Windows 11 Start Menu Styler 2 | 3 | **Author**: [BBmaster123](https://github.com/bbmaster123) 4 | 5 | ![Screenshot](screenshot.png) 6 | 7 | ## Notes: 8 | 9 | * Please enable all nav buttons on the left in settings. If you use fewer, the new sign out menu will be further to the right than intended. 10 | * For centered start menu, please set the following additional styles: 11 | * Target: `StartDocked.StartSizingFrame` \ 12 | Style: `Margin=-14,24,0,0` 13 | * Target: `Windows.UI.Xaml.Controls.ContentDialog > Border > Grid > Border` \ 14 | Style: `Margin=[1/2 screen width],0,0,0` 15 | 16 | ## Theme selection 17 | 18 | The theme is integrated into the mod, and can be simply selected from the mod's 19 | settings: 20 | 21 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 22 | * Go to the "Settings" tab. 23 | * Select the theme and save the settings. 24 | 25 | ## Manual installation 26 | 27 | The theme styles can also be imported manually. To do that, follow these steps: 28 | 29 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 30 | * Go to the "Advanced" tab. 31 | * Copy the content below to the text box under "Mod settings" and click "Save". 32 | 33 | ## Standard Variant 34 | 35 |
36 | Content to import (click to expand) 37 | 38 | ```json 39 | { 40 | "controlStyles[0].target": "Grid", 41 | "controlStyles[0].styles[0]": "RequestedTheme=2", 42 | "controlStyles[1].target": "Grid#RootContent", 43 | "controlStyles[1].styles[0]": "Height=800", 44 | "controlStyles[2].target": "Rectangle[4]", 45 | "controlStyles[2].styles[0]": "Margin=0,-20,0,0", 46 | "controlStyles[3].target": "StartDocked.StartSizingFrame", 47 | "controlStyles[3].styles[0]": "Margin=-15,24,0,0", 48 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot", 49 | "controlStyles[4].styles[0]": "Margin=305,-30,-305,-30", 50 | "controlStyles[5].target": "StartDocked.SearchBoxToggleButton", 51 | "controlStyles[5].styles[0]": "Visibility=Collapsed", 52 | "controlStyles[6].target": "Windows.UI.Xaml.Controls.Grid#AllAppsRoot", 53 | "controlStyles[6].styles[0]": "Width=360", 54 | "controlStyles[6].styles[1]": "Visibility=Visible", 55 | "controlStyles[6].styles[2]": "Margin=-785,-18,785,0", 56 | "controlStyles[7].target": "Border#AcrylicBorder", 57 | "controlStyles[7].styles[0]": "BorderBrush:=", 58 | "controlStyles[7].styles[1]": "BorderThickness=2.5,1,1.5,1", 59 | "controlStyles[8].target": "Border#BackgroundBorder", 60 | "controlStyles[8].styles[0]": "CornerRadius=0", 61 | "controlStyles[8].styles[1]": "BorderThickness=0,1,1,0", 62 | "controlStyles[8].styles[2]": "BorderBrush:=", 63 | "controlStyles[9].target": "Grid#ContentBorder@CommonStates > Border#BorderBackground", 64 | "controlStyles[9].styles[0]": "CornerRadius=0", 65 | "controlStyles[9].styles[1]": "BorderThickness=1", 66 | "controlStyles[9].styles[2]": "BorderBrush@PointerOver:=", 67 | "controlStyles[9].styles[3]": "Background@PointerOver:=", 68 | "controlStyles[10].target": "Windows.UI.Xaml.Controls.Border#Border@CommonStates", 69 | "controlStyles[10].styles[0]": "CornerRadius=0", 70 | "controlStyles[10].styles[1]": "BorderBrush@PointerOver:=", 71 | "controlStyles[10].styles[2]": "Background@PointerOver:=", 72 | "controlStyles[11].target": "Grid#ContentBorder@CommonStates", 73 | "controlStyles[11].styles[0]": "Background@Pressed:=", 74 | "controlStyles[12].target": "StartDocked.NavigationPaneView", 75 | "controlStyles[12].styles[0]": "Transform3D:=", 76 | "controlStyles[12].styles[1]": "Width=740.5", 77 | "controlStyles[12].styles[2]": "VerticalAlignment=0", 78 | "controlStyles[12].styles[3]": "Margin=40,-558,0,0", 79 | "controlStyles[13].target": "StartDocked.AppListView#NavigationPanePlacesListView", 80 | "controlStyles[13].styles[0]": "HorizontalAlignment=2", 81 | "controlStyles[13].styles[1]": "Margin=0,0,202,0", 82 | "controlStyles[14].target": "StartDocked.UserTileView", 83 | "controlStyles[14].styles[0]": "HorizontalAlignment=2", 84 | "controlStyles[14].styles[1]": "Margin=0,-2,37,0", 85 | "controlStyles[14].styles[2]": "Transform3D:=", 86 | "controlStyles[14].styles[3]": "Height=42", 87 | "controlStyles[15].target": "Windows.UI.Xaml.Controls.TextBlock#UserTileNameText", 88 | "controlStyles[15].styles[0]": "Visibility=Collapsed", 89 | "controlStyles[16].target": "StartDocked.NavigationPaneButton > Grid@CommonStates > Windows.UI.Xaml.Controls.ContentPresenter > Grid > Grid#UserTileIcon", 90 | "controlStyles[16].styles[0]": "Margin=-3,0,-3,-62", 91 | "controlStyles[16].styles[1]": "Transform3D:=", 92 | "controlStyles[16].styles[2]": "Width=30", 93 | "controlStyles[16].styles[3]": "Height=30", 94 | "controlStyles[17].target": "StartDocked.AppListViewItem > Grid > ContentPresenter", 95 | "controlStyles[17].styles[0]": "Transform3D:=", 96 | "controlStyles[17].styles[1]": "Margin=0,40,0,-40", 97 | "controlStyles[18].target": "StartDocked.PowerOptionsView", 98 | "controlStyles[18].styles[0]": "Transform3D:=", 99 | "controlStyles[18].styles[1]": "Margin=-669,640,670,-640", 100 | "controlStyles[19].target": "Grid#AllAppsPaneHeader", 101 | "controlStyles[19].styles[0]": "Visibility=Collapsed", 102 | "controlStyles[20].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText", 103 | "controlStyles[20].styles[0]": "Visibility=Collapsed", 104 | "controlStyles[21].target": "Border#ContentBorder@CommonStates > Grid#DroppedFlickerWorkaroundWrapper > Border", 105 | "controlStyles[21].styles[0]": "FocusVisualPrimaryBrush:=", 106 | "controlStyles[21].styles[1]": "CornerRadius=4", 107 | "controlStyles[21].styles[2]": "Background=#99646464", 108 | "controlStyles[21].styles[3]": "Height=80", 109 | "controlStyles[21].styles[4]": "Width=92", 110 | "controlStyles[21].styles[5]": "BorderBrush=#22FFFFFF", 111 | "controlStyles[22].target": "StartMenu.PinnedList#StartMenuPinnedList", 112 | "controlStyles[22].styles[0]": "MaxWidth=375", 113 | "controlStyles[22].styles[1]": "Margin=-270,-28,0,0", 114 | "controlStyles[22].styles[2]": "Height=674", 115 | "controlStyles[23].target": "Windows.UI.Xaml.Controls.Primitives.ScrollBar", 116 | "controlStyles[23].styles[0]": "Margin=0,-15,32,15", 117 | "controlStyles[23].styles[1]": "Height=692", 118 | "controlStyles[24].target": "MenuFlyoutSeparator", 119 | "controlStyles[24].styles[0]": "Margin=0,-2,0,-2", 120 | "controlStyles[24].styles[1]": "Padding=4", 121 | "controlStyles[25].target": "MenuFlyoutItem", 122 | "controlStyles[25].styles[0]": "Margin=2,0,0,2", 123 | "controlStyles[26].target": "MenuFlyoutPresenter", 124 | "controlStyles[26].styles[0]": "BorderBrush:=", 125 | "controlStyles[27].target": "MenuFlyoutPresenter > Border > ScrollViewer", 126 | "controlStyles[27].styles[0]": "CornerRadius=8", 127 | "controlStyles[27].styles[1]": "Padding=-3,0,-1,0", 128 | "controlStyles[28].target": "Grid#TopLevelSuggestionsListHeader", 129 | "controlStyles[28].styles[0]": "Visibility=Collapsed", 130 | "controlStyles[29].target": "StartMenu.ExpandedFolderList > Grid > Border", 131 | "controlStyles[29].styles[0]": "BorderBrush:=", 132 | "controlStyles[29].styles[1]": "Margin=-145,0,145,0", 133 | "controlStyles[29].styles[2]": "Width=312", 134 | "controlStyles[30].target": "StartMenu.ExpandedFolderList > Grid > Grid", 135 | "controlStyles[30].styles[0]": "CornerRadius=8", 136 | "controlStyles[30].styles[1]": "Width=350", 137 | "controlStyles[30].styles[2]": "Margin=-295,0,0,0", 138 | "controlStyles[31].target": "Border#UninstallFlyoutPresenterBorder", 139 | "controlStyles[31].styles[0]": "BorderBrush:=", 140 | "controlStyles[32].target": "Windows.UI.Xaml.Controls.ContentDialog", 141 | "controlStyles[32].styles[0]": "Margin=-960,214,0,0", 142 | "controlStyles[32].styles[1]": "BorderBrush:=", 143 | "controlStyles[33].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton", 144 | "controlStyles[33].styles[0]": "Width=38", 145 | "controlStyles[33].styles[1]": "Height=38", 146 | "controlStyles[33].styles[2]": "Margin=0,0,317,679", 147 | "controlStyles[33].styles[3]": "Visibility=Visible", 148 | "controlStyles[33].styles[4]": "FontSize=14", 149 | "controlStyles[34].target": "Windows.UI.Xaml.Controls.SemanticZoom#ZoomControl", 150 | "controlStyles[34].styles[0]": "IsZoomOutButtonEnabled=True", 151 | "controlStyles[35].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.TextBlock", 152 | "controlStyles[35].styles[0]": "Text=", 153 | "controlStyles[35].styles[1]": "FontSize=27", 154 | "controlStyles[35].styles[2]": "Padding=0,7,0,0", 155 | "controlStyles[35].styles[3]": "Margin=0,1,0,8", 156 | "controlStyles[35].styles[4]": "Visibility=Visible", 157 | "controlStyles[36].target": "Grid#ShowMoreSuggestions", 158 | "controlStyles[36].styles[0]": "Visibility=Collapsed", 159 | "controlStyles[37].target": "Grid#SuggestionsParentContainer", 160 | "controlStyles[37].styles[0]": "Visibility=Collapsed", 161 | "controlStyles[38].target": "Grid#MoreSuggestionsRoot", 162 | "controlStyles[38].styles[0]": "Visibility=Collapsed", 163 | "controlStyles[39].target": "Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager", 164 | "controlStyles[39].styles[0]": "Margin=-32,0,32,0", 165 | "controlStyles[40].target": "Button#CloseAllAppsButton", 166 | "controlStyles[40].styles[0]": "Visibility=Collapsed", 167 | "controlStyles[41].target": "Button#Header > Border#Border@CommonStates", 168 | "controlStyles[41].styles[0]": "BorderThickness=1", 169 | "controlStyles[41].styles[1]": "Background@PointerOver:=", 170 | "controlStyles[41].styles[2]": "Background@Pressed:=", 171 | "controlStyles[41].styles[3]": "Visibility=Visible", 172 | "controlStyles[42].target": "TextBlock#Text", 173 | "controlStyles[42].styles[0]": "FontSize=16", 174 | "controlStyles[42].styles[1]": "HorizontalAlignment=3", 175 | "controlStyles[42].styles[2]": "VerticalAlignment=2", 176 | "controlStyles[42].styles[3]": "Height=64", 177 | "controlStyles[42].styles[4]": "Padding=5,40,0,0", 178 | "controlStyles[43].target": "StartDocked.NavigationPaneButton#UserTileButton > Grid@CommonStates > Border", 179 | "controlStyles[43].styles[0]": "BorderBrush:=", 180 | "controlStyles[43].styles[1]": "CornerRadius=5,0,0,0", 181 | "controlStyles[43].styles[2]": "Margin=1,1,2,1.5", 182 | "controlStyles[43].styles[3]": "BorderThickness=1,2,1,0", 183 | "controlStyles[43].styles[4]": "Background@Pressed:=", 184 | "controlStyles[44].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton > Windows.UI.Xaml.Controls.ContentPresenter@CommonStates", 185 | "controlStyles[44].styles[0]": "Background@PointerOver:=", 186 | "controlStyles[44].styles[1]": "BorderBrush@PointerOver:=", 187 | "controlStyles[44].styles[2]": "CornerRadius=5", 188 | "controlStyles[45].target": "Grid#TopLevelSuggestionsContainer", 189 | "controlStyles[45].styles[0]": "Visibility=Collapsed", 190 | "controlStyles[46].target": "StartMenu.ExpandedFolderList > Grid > Grid > Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager", 191 | "controlStyles[46].styles[0]": "Margin=-18,0,0,0", 192 | "controlStyles[47].target": "Windows.UI.Xaml.Controls.Grid#InnerContent > Rectangle", 193 | "controlStyles[47].styles[0]": "Visibility=Collapsed", 194 | "controlStyles[48].target": "Windows.UI.Xaml.Controls.TextBlock#AllAppsHeading", 195 | "controlStyles[48].styles[0]": "Visibility=Collapsed", 196 | "controlStyles[49].target": "StartDocked.NavigationPaneButton#PowerButton > Grid@CommonStates > Border", 197 | "controlStyles[49].styles[0]": "BorderThickness=0,0,1,1", 198 | "controlStyles[49].styles[1]": "Margin=0.5,2,0,0", 199 | "controlStyles[50].target": "Button#ShowAllAppsButton", 200 | "controlStyles[50].styles[0]": "Visibility=Collapsed", 201 | "controlStyles[51].target": "Border#ContentBorder@CommonStates > Grid > Border#HighContrastBorder", 202 | "controlStyles[51].styles[0]": "Background@PointerOver:=", 203 | "controlStyles[51].styles[1]": "BorderBrush@PointerOver:=", 204 | "controlStyles[51].styles[2]": "Background@Pressed:=", 205 | "controlStyles[51].styles[3]": "BorderBrush@Pressed:=", 206 | "controlStyles[52].target": "StartDocked.AllAppsZoomListViewItem > Grid@CommonStates > Border", 207 | "controlStyles[52].styles[0]": "BorderThickness=1", 208 | "controlStyles[52].styles[1]": "BorderBrush@PointerOver:=", 209 | "controlStyles[52].styles[2]": "CornerRadius=4", 210 | "controlStyles[53].target": "Cortana.UI.Views.TaskbarSearchPage", 211 | "controlStyles[53].styles[0]": "Margin=-100,17,0,-25", 212 | "controlStyles[53].styles[1]": "Width=740", 213 | "controlStyles[53].styles[2]": "Padding=0", 214 | "controlStyles[53].styles[3]": "Height=750", 215 | "controlStyles[54].target": "Border#AppBorder", 216 | "controlStyles[54].styles[0]": "BorderBrush:=", 217 | "controlStyles[55].target": "Grid#QueryFormulationRoot", 218 | "controlStyles[55].styles[0]": "Padding=-14,0,-14,0", 219 | "controlStyles[56].target": "Grid#BorderGrid", 220 | "controlStyles[56].styles[0]": "Background=Transparent", 221 | "controlStyles[57].target": "Border#TaskbarSearchBackground", 222 | "controlStyles[57].styles[0]": "Background=#88FFFFFF", 223 | "controlStyles[58].target": "FlyoutPresenter", 224 | "controlStyles[58].styles[0]": "Margin=10,20,140,0", 225 | "controlStyles[59].target": "FlyoutPresenter > Border", 226 | "controlStyles[59].styles[0]": "BorderBrush:=", 227 | "controlStyles[59].styles[1]": "BorderThickness=1", 228 | "controlStyles[59].styles[2]": "CornerRadius=8", 229 | "controlStyles[60].target": "Windows.UI.Xaml.Controls.ContentDialog > Border > Grid > Border", 230 | "controlStyles[60].styles[0]": "BorderBrush:=" 231 | } 232 | ``` 233 |
234 | 235 | ## Minimal Variant 236 | 237 |
238 | Content to import (click to expand) 239 | 240 | ```json 241 | { 242 | "controlStyles[0].target": "Grid#RootContent", 243 | "controlStyles[0].styles[0]": "Height=800", 244 | "controlStyles[1].target": "Rectangle[4]", 245 | "controlStyles[1].styles[0]": "Margin=0,-20,0,0", 246 | "controlStyles[2].target": "StartDocked.StartSizingFrame", 247 | "controlStyles[2].styles[0]": "Margin=-14,25,12,-12", 248 | "controlStyles[3].target": "StartDocked.SearchBoxToggleButton", 249 | "controlStyles[3].styles[0]": "Visibility=Collapsed", 250 | "controlStyles[3].styles[1]": "Height=0", 251 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Grid#AllAppsRoot", 252 | "controlStyles[4].styles[0]": "Width=425", 253 | "controlStyles[4].styles[1]": "Height=Auto", 254 | "controlStyles[4].styles[2]": "Visibility=Visible", 255 | "controlStyles[4].styles[3]": "Margin=-510,-69,510,0", 256 | "controlStyles[5].target": "Border#AcrylicBorder", 257 | "controlStyles[5].styles[0]": "BorderThickness=1.5", 258 | "controlStyles[5].styles[1]": "BorderBrush:=", 259 | "controlStyles[5].styles[2]": "Width=400", 260 | "controlStyles[5].styles[3]": "HorizontalAlignment=0", 261 | "controlStyles[6].target": "Windows.UI.Xaml.Controls.Border#BackgroundBorder", 262 | "controlStyles[6].styles[0]": "CornerRadius=0", 263 | "controlStyles[6].styles[1]": "BorderThickness=1", 264 | "controlStyles[6].styles[2]": "BorderBrush:=", 265 | "controlStyles[7].target": "Border#BorderBackground", 266 | "controlStyles[7].styles[0]": "CornerRadius=0", 267 | "controlStyles[7].styles[1]": "BorderThickness=1", 268 | "controlStyles[7].styles[2]": "BorderBrush:=", 269 | "controlStyles[8].target": "Windows.UI.Xaml.Controls.Border#Border", 270 | "controlStyles[8].styles[0]": "CornerRadius=0", 271 | "controlStyles[8].styles[1]": "BorderBrush:=", 272 | "controlStyles[9].target": "Border#AcrylicOverlay", 273 | "controlStyles[9].styles[0]": "Visibility=Collapsed", 274 | "controlStyles[10].target": "Grid#ContentBorder@CommonStates", 275 | "controlStyles[10].styles[0]": "Background@PointerOver:=", 276 | "controlStyles[10].styles[1]": "BorderBrush@PointerOver:=", 277 | "controlStyles[11].target": "StartDocked.NavigationPaneView", 278 | "controlStyles[11].styles[0]": "Transform3D:=", 279 | "controlStyles[11].styles[1]": "Width=745", 280 | "controlStyles[11].styles[2]": "CornerRadius=8", 281 | "controlStyles[11].styles[3]": "Grid.Row=0", 282 | "controlStyles[12].target": "StartDocked.AppListView#NavigationPanePlacesListView", 283 | "controlStyles[12].styles[0]": "Transform3D:=", 284 | "controlStyles[12].styles[1]": "Grid.Column=0", 285 | "controlStyles[13].target": "StartDocked.UserTileView", 286 | "controlStyles[13].styles[0]": "Transform3D:=", 287 | "controlStyles[14].target": "Windows.UI.Xaml.Controls.TextBlock#UserTileNameText", 288 | "controlStyles[14].styles[0]": "Visibility=Collapsed", 289 | "controlStyles[15].target": "Grid#UserTileIcon", 290 | "controlStyles[15].styles[0]": "Transform3D:=", 291 | "controlStyles[16].target": "StartDocked.AppListViewItem > Grid > ContentPresenter", 292 | "controlStyles[16].styles[0]": "Transform3D:=", 293 | "controlStyles[17].target": "StartDocked.PowerOptionsView", 294 | "controlStyles[17].styles[0]": "Transform3D:=", 295 | "controlStyles[17].styles[1]": "Margin=-680,340,680,-340", 296 | "controlStyles[18].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText", 297 | "controlStyles[18].styles[0]": "Visibility=Collapsed", 298 | "controlStyles[19].target": "StartMenu.PinnedList", 299 | "controlStyles[19].styles[0]": "Visibility=Collapsed", 300 | "controlStyles[20].target": "Windows.UI.Xaml.Controls.Primitives.ScrollBar", 301 | "controlStyles[20].styles[0]": "Margin=0,-12,31,12", 302 | "controlStyles[20].styles[1]": "Height=690", 303 | "controlStyles[21].target": "MenuFlyoutSeparator", 304 | "controlStyles[21].styles[0]": "Margin=0,-2,0,-2", 305 | "controlStyles[21].styles[1]": "Padding=4", 306 | "controlStyles[22].target": "MenuFlyoutItem", 307 | "controlStyles[22].styles[0]": "Margin=2,0,0,2", 308 | "controlStyles[23].target": "MenuFlyoutPresenter", 309 | "controlStyles[23].styles[0]": "BorderBrush:=", 310 | "controlStyles[24].target": "MenuFlyoutPresenter > Border > ScrollViewer", 311 | "controlStyles[24].styles[0]": "BorderThickness=1", 312 | "controlStyles[24].styles[1]": "CornerRadius=8", 313 | "controlStyles[24].styles[2]": "Padding=0", 314 | "controlStyles[24].styles[3]": "Margin=0", 315 | "controlStyles[25].target": "Border#UninstallFlyoutPresenterBorder", 316 | "controlStyles[25].styles[0]": "BorderBrush:=", 317 | "controlStyles[26].target": "Windows.UI.Xaml.Controls.ContentDialog", 318 | "controlStyles[26].styles[0]": "Margin=-650,250,0,0", 319 | "controlStyles[27].target": "Windows.UI.Xaml.Controls.Button#CloseAllAppsButton", 320 | "controlStyles[27].styles[0]": "Visibility=Collapsed", 321 | "controlStyles[28].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton", 322 | "controlStyles[28].styles[0]": "Width=40", 323 | "controlStyles[28].styles[1]": "Height=40", 324 | "controlStyles[28].styles[2]": "Margin=0,0,379,687.5", 325 | "controlStyles[28].styles[3]": "Visibility=Visible", 326 | "controlStyles[28].styles[4]": "FontSize=14", 327 | "controlStyles[28].styles[5]": "BorderBrush:=", 328 | "controlStyles[29].target": "Windows.UI.Xaml.Controls.SemanticZoom#ZoomControl", 329 | "controlStyles[29].styles[0]": "IsZoomOutButtonEnabled=True", 330 | "controlStyles[30].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.TextBlock", 331 | "controlStyles[30].styles[0]": "Text=", 332 | "controlStyles[30].styles[1]": "FontSize=28", 333 | "controlStyles[30].styles[2]": "Padding=0,8,0,0", 334 | "controlStyles[30].styles[3]": "Margin=0,0,0,10", 335 | "controlStyles[30].styles[4]": "Visibility=Visible", 336 | "controlStyles[31].target": "Grid#ShowMoreSuggestions", 337 | "controlStyles[31].styles[0]": "Visibility=Collapsed", 338 | "controlStyles[32].target": "Grid#SuggestionsParentContainer", 339 | "controlStyles[32].styles[0]": "Visibility=Collapsed", 340 | "controlStyles[33].target": "Grid#MoreSuggestionsRoot", 341 | "controlStyles[33].styles[0]": "Visibility=Collapsed", 342 | "controlStyles[34].target": "Border#UninstallFlyoutPresenterBorder", 343 | "controlStyles[34].styles[0]": "BorderBrush:=", 344 | "controlStyles[35].target": "Button#ShowAllAppsButton", 345 | "controlStyles[35].styles[0]": "Visibility=Collapsed", 346 | "controlStyles[36].target": "Grid#ShowMoreSuggestions", 347 | "controlStyles[36].styles[0]": "Visibility=Collapsed", 348 | "controlStyles[37].target": "Grid#TopLevelSuggestionsListHeader", 349 | "controlStyles[37].styles[0]": "Visibility=Collapsed", 350 | "controlStyles[38].styles[0]": "Visibility=Collapsed", 351 | "controlStyles[38].target": "Windows.UI.Xaml.Controls.GridView", 352 | "controlStyles[39].target": "Border#DropShadow", 353 | "controlStyles[39].styles[0]": "Visibility=Collapsed", 354 | "controlStyles[40].target": "StartDocked.NavigationPaneButton#UserTileButton > Grid > Border", 355 | "controlStyles[40].styles[0]": "CornerRadius=5,0,0,0", 356 | "controlStyles[41].target": "Windows.UI.Xaml.Controls.ListView#ZoomAppsList", 357 | "controlStyles[41].styles[0]": "Margin=-14,0,14,0", 358 | "controlStyles[42].target": "StartDocked.AllAppsZoomListViewItem > Grid", 359 | "controlStyles[42].styles[0]": "CornerRadius=5", 360 | "controlStyles[43].target": "StartDocked.AllAppsZoomListViewItem > Grid > Border", 361 | "controlStyles[43].styles[0]": "CornerRadius=5", 362 | "controlStyles[44].target": "Windows.UI.Xaml.Controls.Frame", 363 | "controlStyles[44].styles[0]": "MaxWidth=400", 364 | "controlStyles[44].styles[1]": "HorizontalAlignment=0", 365 | "controlStyles[45].target": "Border", 366 | "controlStyles[45].styles[0]": "FocusVisualMargin=1", 367 | "controlStyles[46].target": "Grid", 368 | "controlStyles[46].styles[0]": "RequestedTheme=2" 369 | } 370 | ``` 371 |
372 | -------------------------------------------------------------------------------- /Themes/Windows10/screenshot-minimal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Windows10/screenshot-minimal.png -------------------------------------------------------------------------------- /Themes/Windows10/screenshot-old.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Windows10/screenshot-old.png -------------------------------------------------------------------------------- /Themes/Windows10/screenshot-small-old.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Windows10/screenshot-small-old.png -------------------------------------------------------------------------------- /Themes/Windows10/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Windows10/screenshot-small.png -------------------------------------------------------------------------------- /Themes/Windows10/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Windows10/screenshot.png -------------------------------------------------------------------------------- /Themes/Windows11_Metro10/README.md: -------------------------------------------------------------------------------- 1 | # Windows11_Metro10 theme for Windows 11 Start Menu Styler 2 | 3 | A simple theme inspired by the Windows 10 Metro Start menu. 4 | 5 | **Author**: [Ian Div](https://github.com/iandiv) 6 | 7 | ![Screenshot](screenshot.png) 8 | 9 | ## Theme selection 10 | 11 | The theme is integrated into the mod, and can be simply selected from the mod's 12 | settings: 13 | 14 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 15 | * Go to the "Settings" tab. 16 | * Select the theme and save the settings. 17 | 18 | ## Manual installation 19 | 20 | The theme styles can also be imported manually. To do that, follow these steps: 21 | 22 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 23 | * Go to the "Advanced" tab. 24 | * Copy the content below to the text box under "Mod settings" and click "Save". 25 | 26 |
27 | Content to import (click to expand) 28 | 29 | ```json 30 | { 31 | "controlStyles[0].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot", 32 | "controlStyles[0].styles[0]": "Visibility=Visible", 33 | "controlStyles[0].styles[1]": "MaxWidth=600", 34 | "controlStyles[0].styles[2]": "Margin=290,-10,0,0", 35 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#AllAppsRoot", 36 | "controlStyles[1].styles[0]": "Visibility=Visible", 37 | "controlStyles[1].styles[1]": "Width=360", 38 | "controlStyles[1].styles[2]": "Transform3D:=", 39 | "controlStyles[1].styles[3]": "Margin=180,0,-220,0", 40 | "controlStyles[2].target": "Windows.UI.Xaml.Controls.Button#CloseAllAppsButton", 41 | "controlStyles[2].styles[0]": "Visibility=Collapsed", 42 | "controlStyles[3].target": "StartDocked.StartSizingFrame", 43 | "controlStyles[3].styles[0]": "MinWidth=650", 44 | "controlStyles[3].styles[1]": "MaxWidth=650", 45 | "controlStyles[3].styles[2]": "MaxHeight=670", 46 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 47 | "controlStyles[4].styles[0]": "Visibility=Collapsed", 48 | "controlStyles[5].target": "Windows.UI.Xaml.Controls.Button#ShowAllAppsButton", 49 | "controlStyles[5].styles[0]": "Visibility=Collapsed", 50 | "controlStyles[6].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", 51 | "controlStyles[6].styles[0]": "MaxWidth=145", 52 | "controlStyles[6].styles[1]": "MinWidth=145", 53 | "controlStyles[6].styles[2]": "Margin=0", 54 | "controlStyles[7].target": "StartDocked.AllAppsGridListView#AppsList", 55 | "controlStyles[7].styles[0]": "Padding=90,3,6,16", 56 | "controlStyles[8].target": "Windows.UI.Xaml.Controls.Grid#AllAppsPaneHeader", 57 | "controlStyles[8].styles[0]": "Margin=97,-10,0,0", 58 | "controlStyles[9].target": "Windows.UI.Xaml.Controls.Grid#SuggestionsParentContainer", 59 | "controlStyles[9].styles[0]": "Height=168", 60 | "controlStyles[10].target": "StartDocked.NavigationPaneView#NavigationPane", 61 | "controlStyles[10].styles[0]": "FlowDirection=0", 62 | "controlStyles[10].styles[1]": "Margin=30,0,30,0", 63 | "controlStyles[11].target": "StartDocked.PowerOptionsView#PowerButton", 64 | "controlStyles[11].styles[0]": "FlowDirection=0", 65 | "controlStyles[12].target": "StartDocked.AppListView#NavigationPanePlacesListView", 66 | "controlStyles[12].styles[0]": "FlowDirection=1", 67 | "controlStyles[13].target": "Windows.UI.Xaml.Controls.ListViewItem", 68 | "controlStyles[13].styles[0]": "FlowDirection=0", 69 | "controlStyles[14].target": "Windows.UI.Xaml.Controls.ItemsStackPanel > Windows.UI.Xaml.Controls.ListViewItem", 70 | "controlStyles[14].styles[0]": "FlowDirection=0", 71 | "controlStyles[15].target": "StartDocked.SearchBoxToggleButton#StartMenuSearchBox", 72 | "controlStyles[15].styles[0]": "Margin=23,-101,23,14", 73 | "controlStyles[16].target": "Windows.UI.Xaml.Controls.TextBlock#NoSuggestionsWithoutSettingsLink", 74 | "controlStyles[16].styles[0]": "Margin=11,0,48,0", 75 | "controlStyles[17].target": "StartDocked.LauncherFrame > Windows.UI.Xaml.Controls.Grid#RootGrid > Windows.UI.Xaml.Controls.Grid#RootContent > Windows.UI.Xaml.Controls.Grid#MainContent > Windows.UI.Xaml.Controls.Grid#InnerContent > Windows.UI.Xaml.Shapes.Rectangle", 76 | "controlStyles[17].styles[0]": "Margin=67,7,0,21", 77 | "controlStyles[18].target": "Windows.UI.Xaml.Controls.SemanticZoom#ZoomControl", 78 | "controlStyles[18].styles[0]": "IsZoomOutButtonEnabled=true", 79 | "controlStyles[18].styles[1]": "Margin=0", 80 | "controlStyles[19].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton > Windows.UI.Xaml.Controls.ContentPresenter#ContentPresenter > Windows.UI.Xaml.Controls.TextBlock", 81 | "controlStyles[19].styles[0]": "Text=", 82 | "controlStyles[20].target": "Windows.UI.Xaml.Controls.Button#ZoomOutButton", 83 | "controlStyles[20].styles[0]": "Width=28", 84 | "controlStyles[20].styles[1]": "Height=28", 85 | "controlStyles[20].styles[2]": "Margin=-1,-36,0,0", 86 | "controlStyles[20].styles[3]": "FontSize=14", 87 | "controlStyles[20].styles[4]": "CornerRadius=4", 88 | "controlStyles[20].styles[5]": "VerticalAlignment=0", 89 | "controlStyles[20].styles[6]": "Background=Transparent", 90 | "controlStyles[20].styles[7]": "BorderBrush=Transparent", 91 | "controlStyles[21].target": "Windows.UI.Xaml.Controls.ListView#ZoomAppsList", 92 | "controlStyles[21].styles[0]": "Padding=86,0,27,0", 93 | "controlStyles[22].target": "StartDocked.SearchBoxToggleButton", 94 | "controlStyles[22].styles[0]": "Height=0", 95 | "controlStyles[22].styles[1]": "Margin=0,-100,0,24", 96 | "controlStyles[23].target": "StartMenu.PinnedList", 97 | "controlStyles[23].styles[0]": "MaxHeight=400", 98 | "controlStyles[24].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText", 99 | "controlStyles[24].styles[0]": "Margin=-30,-2,0,0", 100 | "controlStyles[25].target": "Windows.UI.Xaml.Controls.Grid#SuggestionsParentContainer", 101 | "controlStyles[25].styles[0]": "Margin=-20,0,0,0", 102 | "controlStyles[26].target": "Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader", 103 | "controlStyles[26].styles[0]": "Margin=35,0,0,0", 104 | "controlStyles[27].target": "Windows.UI.Xaml.Controls.Border#ContentBorder > Windows.UI.Xaml.Controls.Grid#DroppedFlickerWorkaroundWrapper > Border@CommonStates", 105 | "controlStyles[27].styles[0]": "BorderBrush@Active:=", 106 | "controlStyles[27].styles[1]": "Background:=", 107 | "controlStyles[27].styles[2]": "Margin=1", 108 | "controlStyles[27].styles[3]": "BorderBrush:=", 109 | "controlStyles[28].target": "Windows.UI.Xaml.Controls.Border#ContentBorder > Windows.UI.Xaml.Controls.Grid#DroppedFlickerWorkaroundWrapper > Border#BackgroundBorder", 110 | "controlStyles[28].styles[0]": "Background:=", 111 | "controlStyles[28].styles[1]": "Margin=2", 112 | "controlStyles[29].target": "Windows.UI.Xaml.Controls.TextBlock#PinnedListHeaderText", 113 | "controlStyles[29].styles[0]": "Visibility=Visible", 114 | "controlStyles[30].target": "Rectangle[4]", 115 | "controlStyles[30].styles[0]": "Margin=0,-20,0,0", 116 | "controlStyles[31].target": "GridView#RecommendedList", 117 | "controlStyles[31].styles[0]": "Margin=-20,0,20,0", 118 | "controlStyles[32].target": "StartMenu.ExpandedFolderList > Grid > Grid", 119 | "controlStyles[32].styles[0]": "Margin=0,0,80,0", 120 | "controlStyles[33].target": "StartMenu.ExpandedFolderList > Grid > Border", 121 | "controlStyles[33].styles[0]": "Width=350", 122 | "controlStyles[33].styles[1]": "Margin=0,0,92,0", 123 | "controlStyles[34].target": "Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager", 124 | "controlStyles[34].styles[0]": "Margin=-10,0,0,0", 125 | "controlStyles[35].target": "StartMenu.ExpandedFolderList > Grid > Grid > Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager", 126 | "controlStyles[35].styles[0]": "Margin=-20,0,20,0" 127 | } 128 | ``` 129 |
130 | -------------------------------------------------------------------------------- /Themes/Windows11_Metro10/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Windows11_Metro10/screenshot-small.png -------------------------------------------------------------------------------- /Themes/Windows11_Metro10/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Windows11_Metro10/screenshot.png -------------------------------------------------------------------------------- /Themes/Windows11_Metro10Minimal/README.md: -------------------------------------------------------------------------------- 1 | # Windows11_Metro10Minimal theme for Windows 11 Start Menu Styler 2 | 3 | A minimalist version of Windows11_Metro10. 4 | 5 | **Author**: [Y2K4](https://github.com/y2k04) 6 | 7 | **Author of base theme**: [Ian Div](https://github.com/iandiv) 8 | 9 | ![Screenshot](screenshot.png) 10 | 11 | ## Theme selection 12 | 13 | The theme is integrated into the mod, and can be simply selected from the mod's 14 | settings: 15 | 16 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 17 | * Go to the "Settings" tab. 18 | * Select the theme and save the settings. 19 | 20 | ## Manual installation 21 | 22 | The theme styles can also be imported manually. To do that, follow these steps: 23 | 24 | * Open the Windows 11 Start Menu Styler mod in Windhawk. 25 | * Go to the "Advanced" tab. 26 | * Copy the content below to the text box under "Mod settings" and click "Save". 27 | 28 |
29 | Content to import (click to expand) 30 | 31 | ```json 32 | { 33 | "controlStyles[0].target": "Windows.UI.Xaml.Controls.Grid#UndockedRoot", 34 | "controlStyles[0].styles[0]": "MaxWidth=0", 35 | "controlStyles[0].styles[1]": "Margin=0", 36 | "controlStyles[1].target": "Windows.UI.Xaml.Controls.Grid#AllAppsRoot", 37 | "controlStyles[1].styles[0]": "Visibility=Visible", 38 | "controlStyles[1].styles[1]": "Width=540", 39 | "controlStyles[1].styles[2]": "Margin=-1000,0,0,0", 40 | "controlStyles[2].target": "StartDocked.StartSizingFrame", 41 | "controlStyles[2].styles[0]": "MinWidth=460", 42 | "controlStyles[2].styles[1]": "MaxWidth=460", 43 | "controlStyles[2].styles[2]": "MaxHeight=670", 44 | "controlStyles[3].target": "Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions", 45 | "controlStyles[3].styles[0]": "Visibility=Collapsed", 46 | "controlStyles[4].target": "Windows.UI.Xaml.Controls.Button#ShowAllAppsButton", 47 | "controlStyles[4].styles[0]": "Visibility=Collapsed", 48 | "controlStyles[5].target": "StartDocked.AllAppsGridListView#AppsList", 49 | "controlStyles[5].styles[0]": "Padding=90,3,6,16", 50 | "controlStyles[6].target": "Grid#AllAppsPaneHeader", 51 | "controlStyles[6].styles[0]": "Visibility=Collapsed", 52 | "controlStyles[7].target": "StartDocked.NavigationPaneView#NavigationPane", 53 | "controlStyles[7].styles[0]": "Margin=30,0,30,0", 54 | "controlStyles[8].target": "StartDocked.AppListView#NavigationPanePlacesListView", 55 | "controlStyles[8].styles[0]": "FlowDirection=1", 56 | "controlStyles[9].target": "StartDocked.SearchBoxToggleButton#StartMenuSearchBox", 57 | "controlStyles[9].styles[0]": "Margin=23,-101,23,14", 58 | "controlStyles[10].target": "StartDocked.SearchBoxToggleButton", 59 | "controlStyles[10].styles[0]": "Height=0", 60 | "controlStyles[11].target": "Rectangle[4]", 61 | "controlStyles[11].styles[0]": "Margin=0,-20,0,0", 62 | "controlStyles[12].target": "StartMenu.ExpandedFolderList > Grid > Grid > Microsoft.UI.Xaml.Controls.PipsPager#PinnedListPipsPager", 63 | "controlStyles[12].styles[0]": "Margin=-20,0,20,0", 64 | "controlStyles[13].target": "StartMenu.StartInnerFrame", 65 | "controlStyles[13].styles[0]": "Visibility=Collapsed", 66 | "controlStyles[14].target": "Grid#RootContent", 67 | "controlStyles[14].styles[0]": "MinWidth=460", 68 | "controlStyles[15].target": "Grid#InnerContent", 69 | "controlStyles[15].styles[0]": "Margin=0,12,0,0", 70 | "controlStyles[16].target": "Border#AcrylicBorder", 71 | "controlStyles[16].styles[0]": "Background:=", 72 | "controlStyles[16].styles[1]": "BorderBrush:=", 73 | "controlStyles[16].styles[2]": "BorderThickness=1", 74 | "controlStyles[17].target": "Border#AppBorder", 75 | "controlStyles[17].styles[0]": "Background:=", 76 | "controlStyles[17].styles[1]": "BorderBrush:=", 77 | "controlStyles[18].target": "Border#LayerBorder", 78 | "controlStyles[18].styles[0]": "Visibility=1" 79 | } 80 | ``` 81 |
82 | -------------------------------------------------------------------------------- /Themes/Windows11_Metro10Minimal/screenshot-small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Windows11_Metro10Minimal/screenshot-small.png -------------------------------------------------------------------------------- /Themes/Windows11_Metro10Minimal/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ramensoftware/windows-11-start-menu-styling-guide/5e72cd596458e7a26a2281a1e52304dd3cf2ae08/Themes/Windows11_Metro10Minimal/screenshot.png --------------------------------------------------------------------------------