search

ramensoftware / windows-11-start-menu-styling-guide

A collection of commonly requested start menu styling customizations for Windows 11
118 stars 10 forks source link

Sharing few styles I came up with #4

Open emvaized opened 9 months ago

emvaized commented 9 months ago

I wanted to share some styles which I managed to achieve using this utility. Maybe somebody will find some them useful!

Here's the result: result

  1. Removing the searchbox

Searchbox on top is redundand, since you can search anyway by starting to type when Start menu is open — and the Search popup will show up with it's own textbox. It is there only to guide unexperienced users who doesn't know about it

StartDocked.SearchBoxToggleButton

Height=0
Margin=0,0,0,24
  1. Increasing icons size

Increasing the size of app icons by 3px, and also increasing the top margin of app's title by 1px:

Image#Logo

Height=38
Width=38

Grid#LogoContainer

Height=39
Width=39

Windows.UI.Xaml.Controls.TextBlock#DisplayName

Margin=2,5,2,0
  1. Increasing pinned apps section

Increasing the height of pinned apps section to allow 5 rows instead of default 4. You might need to play around with numbers here, as it in theory can vary on different monitor size, resolution or interface scaling.

The last row also sets up different position for this section, because configuring this style in new section didn't work for me.

StartMenu.PinnedList

Height=420
Margin=0,10,0,0
Grid.Row=5

We might also remove all margins from Pinned apps section:

Grid#InnerContent

Margin=0,0,0,0
  1. Moving pinned apps on top

Repositioning everything, so that Recommended section ends up on top, and Pinned apps on bottom.

I decided not to remove Recommended section entirely, as I find it useful sometimes to quickly access newly installed apps.

Windows.UI.Xaml.Controls.Grid#ShowMoreSuggestions

Grid.Row=1

Windows.UI.Xaml.Controls.Grid#SuggestionsParentContainer

Grid.Row=2

Windows.UI.Xaml.Controls.Grid#TopLevelSuggestionsListHeader

Grid.Row=1

Windows.UI.Xaml.Controls.Grid#TopLevelRoot > Windows.UI.Xaml.Controls.Grid

Grid.Row=4

Windows.UI.Xaml.Controls.Grid#TopLevelRoot > Windows.UI.Xaml.Controls.Border

Grid.Row=4
  1. Changing corner radius of Start menu

You can change corner radius of the start menu using this rule:

Border#AcrylicBorder

CornerRadius=4

I set it to 4 to better fit with the other patch I made to reduce all window corners to 4px. But you can use it to make Start menu fully sharp by setting it to 0. Now I only wish to inject styles in ShellExperienceHost.exe to cover the rest of taskbar flyouts...

If you have any ideas on how these rules could be improved, please feel free to share it!

The next step I'd like to take is to always show All apps list to the right of Pinned apps section — somewhat like it used to be in W10, but inverted. However, I have no idea yet how to do it.

NVins commented 7 months ago

And how do you change the size of the menu, can you make it fit the entire screen? And where do you insert these codes, could you show us a screenshot? Thank you