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

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

Updated and fixed Fluent2Inspired theme #102

Closed Lockframe closed 2 weeks ago

Lockframe commented 3 weeks ago
bbmaster123 commented 3 weeks ago

I already did this a few days ago?? This should be unnecessary if you have updated to the new 1.1.6 release of the mod I'll leave this open for discussion, and I'll leave the most recent code for the theme below:


{
  "controlStyles[0].target": "Button#CloseAllAppsButton",
  "controlStyles[0].styles[0]": "CornerRadius=14",
  "controlStyles[0].styles[1]": "Margin=0,0,-32,0",
  "controlStyles[0].styles[2]": "Width=74",
  "controlStyles[0].styles[3]": "Height=26",
  "controlStyles[1].target": "Grid#ShowMoreSuggestions",
  "controlStyles[1].styles[0]": "Visibility=1",
  "controlStyles[2].target": "Grid#SuggestionsParentContainer",
  "controlStyles[2].styles[0]": "Visibility=1",
  "controlStyles[3].target": "Grid#TopLevelSuggestionsListHeader",
  "controlStyles[3].styles[0]": "Visibility=1",
  "controlStyles[4].target": "Button#ShowAllAppsButton",
  "controlStyles[4].styles[0]": "CornerRadius=14",
  "controlStyles[4].styles[1]": "Margin=0,0,32,0",
  "controlStyles[4].styles[2]": "Width=148",
  "controlStyles[4].styles[3]": "Height=26",
  "controlStyles[5].target": "StartDocked.SearchBoxToggleButton",
  "controlStyles[5].styles[0]": "Margin=30,0,31,28",
  "controlStyles[6].target": "PipsPager#PinnedListPipsPager",
  "controlStyles[6].styles[0]": "Visibility=1",
  "controlStyles[7].target": "Border#AcrylicBorder",
  "controlStyles[7].styles[0]": "Background:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\"0\" TintLuminosityOpacity=\".85\" Opacity=\"1\"/>",
  "controlStyles[7].styles[1]": "CornerRadius=12",
  "controlStyles[7].styles[2]": "BorderBrush:=<AcrylicBrush TintColor=\"{ThemeResource SurfaceStrokeColorDefault}\" FallbackColor=\"{ThemeResource SurfaceStrokeColorDefault}\" TintOpacity=\"0\" TintLuminosityOpacity=\".25\" Opacity=\"1\"/>",
  "controlStyles[7].styles[3]": "BorderThickness=1",
  "controlStyles[8].target": "Grid#MainContent",
  "controlStyles[8].styles[0]": "CornerRadius=12",
  "controlStyles[9].target": "StartMenu.PinnedList",
  "controlStyles[9].styles[0]": "Height=690",
  "controlStyles[10].target": "TextBlock#DisplayName",
  "controlStyles[10].styles[0]": "Margin=0,16,0,-16",
  "controlStyles[10].styles[1]": "FontSize=13",
  "controlStyles[10].styles[2]": "FontFamily=Aptos",
  "controlStyles[10].styles[3]": "Opacity=.65",
  "controlStyles[11].target": "TextBlock#PinnedListHeaderText",
  "controlStyles[11].styles[0]": "Margin=-29,0,0,0",
  "controlStyles[11].styles[1]": "FontFamily=Aptos",
  "controlStyles[11].styles[2]": "Opacity=.85",
  "controlStyles[11].styles[3]": "FontSize=16",
  "controlStyles[12].target": "Border#TaskbarSearchBackground",
  "controlStyles[12].styles[0]": "Visibility=1",
  "controlStyles[13].target": "Border#AppBorder",
  "controlStyles[13].styles[0]": "Background:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\"0\" TintLuminosityOpacity=\".85\" Opacity=\"1\"/>",
  "controlStyles[13].styles[1]": "BorderBrush:=<AcrylicBrush TintColor=\"{ThemeResource SurfaceStrokeColorDefault}\" FallbackColor=\"{ThemeResource SurfaceStrokeColorDefault}\" TintOpacity=\"0\" TintLuminosityOpacity=\".25\" Opacity=\"1\"/>",
  "controlStyles[13].styles[2]": "CornerRadius=12",
  "controlStyles[14].target": "Border#dropshadow",
  "controlStyles[14].styles[0]": "CornerRadius=12",
  "controlStyles[15].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl",
  "controlStyles[15].styles[0]": "Margin=33,33,33,10",
  "controlStyles[16].target": "TextBlock#UserTileNameText",
  "controlStyles[16].styles[0]": "Visibility=1",
  "controlStyles[17].target": "TextBlock#AllAppsHeading",
  "controlStyles[17].styles[0]": "FontFamily=Aptos",
  "controlStyles[17].styles[1]": "Margin=-32,0,0,0",
  "controlStyles[17].styles[2]": "FontSize=16",
  "controlStyles[17].styles[3]": "Opacity=.85",
  "controlStyles[18].target": "Border#ContentBorder",
  "controlStyles[18].styles[0]": "CornerRadius=6",
  "controlStyles[19].target": "GridViewItem > Border#ContentBorder > Grid#DroppedFlickerWorkaroundWrapper > Border#BackgroundBorder",
  "controlStyles[19].styles[0]": "FocusVisualPrimaryThickness=0",
  "controlStyles[20].target": "StartDocked.SearchBoxToggleButton > Grid > ContentPresenter > TextBlock#PlaceholderText",
  "controlStyles[20].styles[0]": "Text=Where to next?",
  "controlStyles[20].styles[1]": "FontWeight=700",
  "controlStyles[20].styles[2]": "FontFamily=Aptos",
  "controlStyles[20].styles[3]": "FontSize=24",
  "controlStyles[20].styles[4]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".85\"/>",
  "controlStyles[20].styles[5]": "Margin=10,0,0,0",
  "controlStyles[21].target": "StartDocked.SearchBoxToggleButton > Grid > Border",
  "controlStyles[21].styles[0]": "Background=transparent",
  "controlStyles[21].styles[1]": "BorderBrush=transparent",
  "controlStyles[22].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon",
  "controlStyles[22].styles[0]": "Transform3D:=<CompositeTransform3D TranslateX=\"165\" TranslateY=\"-1\"/>",
  "controlStyles[22].styles[1]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" FallbackColor=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".85\"/>",
  "controlStyles[22].styles[2]": "FontSize=24",
  "controlStyles[23].target": "Grid#TopLevelRoot",
  "controlStyles[23].styles[0]": "Margin=0,-8,0,0",
  "controlStyles[24].target": "GridViewItem",
  "controlStyles[24].styles[0]": "Height=96",
  "controlStyles[24].styles[1]": "Margin=0,0,0,2",
  "controlStyles[25].target": "StartDocked.UserTileView",
  "controlStyles[25].styles[0]": "Margin=512,-1290,-2000,0",
  "controlStyles[26].target": "StartDocked.UserTileView > StartDocked.NavigationPaneButton > Grid > Border",
  "controlStyles[26].styles[0]": "CornerRadius=99",
  "controlStyles[26].styles[1]": "Margin=8,0,8,0",
  "controlStyles[27].styles[0]": "Margin=-64,-1290,-2000,0",
  "controlStyles[27].target": "StartDocked.PowerOptionsView",
  "controlStyles[27].styles[1]": "CornerRadius=99",
  "controlStyles[27].styles[2]": "Opacity=.85",
  "controlStyles[28].target": "TextBlock#ShowAllAppsButtonText",
  "controlStyles[28].styles[0]": "FontFamily=Aptos",
  "controlStyles[28].styles[1]": "Opacity=.85",
  "controlStyles[29].target": "Button#CloseAllAppsButton > ContentPresenter > StackPanel > TextBlock",
  "controlStyles[29].styles[0]": "FontFamily=Aptos",
  "controlStyles[29].styles[1]": "Opacity=.85",
  "controlStyles[30].target": "Border#AcrylicOverlay",
  "controlStyles[30].styles[0]": "Visibility=1",
  "controlStyles[31].target": "Grid#AllAppsPaneHeader",
  "controlStyles[31].styles[0]": "Margin=64,-8,64,0",
  "controlStyles[32].target": "Grid#InnerContent",
  "controlStyles[32].styles[0]": "Margin=0,31,0,-64",
  "controlStyles[33].target": "TextBlock#AppDisplayName",
  "controlStyles[33].styles[0]": "FontFamily=Aptos",
  "controlStyles[33].styles[1]": "Opacity=.85",
  "controlStyles[33].styles[2]": "Margin=4,0,0,0",
  "controlStyles[34].target": "Button#Header > Border > TextBlock",
  "controlStyles[34].styles[0]": "FontFamily=Aptos",
  "controlStyles[34].styles[1]": "FontWeight=600",
  "controlStyles[34].styles[2]": "Opacity=.85",
  "controlStyles[35].target": "StartDocked.PowerOptionsView > StartDocked.NavigationPaneButton > Grid > Border",
  "controlStyles[35].styles[0]": "CornerRadius=99",
  "controlStyles[35].styles[1]": "Margin=1",
  "controlStyles[36].target": "TileGrid",
  "controlStyles[36].styles[0]": "Background:=<SolidColorBrush Color=\"{ThemeResource ControlFillColorInputActive}\" FallbackColor=\"{ThemeResource ControlFillColorInputActive}\" Opacity=\".7\"/>",
  "controlStyles[36].styles[1]": "CornerRadiusProtected=8",
  "controlStyles[36].styles[2]": "BorderThicknessProtected=1",
  "controlStyles[36].styles[3]": "BorderBrushProtected:=<SolidColorBrush Color=\"{ThemeResource SurfaceStrokeColorDefault}\" FallbackColor=\"{ThemeResource SurfaceStrokeColorDefault}\" Opacity=\".35\"/>",
  "controlStyles[37].target": "ListViewItem",
  "controlStyles[37].styles[0]": "Margin=1,0,-6,0",
  "controlStyles[37].styles[1]": "CornerRadius=4",
  "controlStyles[37].styles[2]": "Padding=0,0,6,0",
  "controlStyles[38].target": "Button#Header",
  "controlStyles[38].styles[0]": "Margin=4,0,-3,0",
  "controlStyles[39].target": "StartDocked.AllAppsPane#AllAppsPanel",
  "controlStyles[39].styles[0]": "Margin=-20,0,-6,0",
  "controlStyles[40].target": "TextBlock#PlaceholderTextContentPresenter",
  "controlStyles[40].styles[0]": "FontFamily=Aptos",
  "controlStyles[40].styles[1]": "FontSize=24",
  "controlStyles[40].styles[2]": "FontWeight=700",
  "controlStyles[40].styles[3]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" FallbackColor=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".7\"/>",
  "controlStyles[41].target": "Microsoft.UI.Xaml.Controls.AnimatedIcon#SearchIconPlayer",
  "controlStyles[41].styles[0]": "Visibility=1",
  "controlStyles[42].target": "Button#SearchGlyphContainer",
  "controlStyles[42].styles[0]": "FontSize=32",
  "controlStyles[42].styles[1]": "Visibility=1",
  "controlStyles[43].target": "Cortana.UI.Views.CortanaRichSearchBox#SearchTextBox",
  "controlStyles[43].styles[0]": "FontSize=24",
  "controlStyles[43].styles[1]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource TextFillColorPrimary}\" FallbackColor=\"{ThemeResource TextFillColorPrimary}\" Opacity=\".85\"/>",
  "controlStyles[43].styles[2]": "FontFamily=Aptos",
  "controlStyles[43].styles[3]": "Opacity=.85",
  "controlStyles[43].styles[4]": "FontWeight=ExtraBold",
  "controlStyles[44].target": "Border#LayerBorder",
  "controlStyles[44].styles[0]": "Visibility=1",
  "controlStyles[45].target": "Windows.UI.Xaml.Controls.FontIcon#SearchBoxOnTaskbarSearchGlyph",
  "controlStyles[45].styles[0]": "Visibility=0",
  "controlStyles[45].styles[1]": "Margin=0",
  "controlStyles[45].styles[2]": "FontSize=32",
  "controlStyles[45].styles[3]": "Opacity=.85",
  "controlStyles[46].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl",
  "controlStyles[46].styles[0]": "Margin=25,32,25,13",
  "controlStyles[47].target": "Grid#WebViewGrid > WebView",
  "controlStyles[47].styles[0]": "Margin=-3,0,0,0",
  "controlStyles[48].target": "TextBlock#StatusMessage",
  "controlStyles[48].styles[0]": "Visibility=1",
  "controlStyles[49].target": "Border#LogoBackgroundPlate",
  "controlStyles[49].styles[0]": "Margin=12,0,0,0",
  "controlStyles[50].target": "Grid#WebViewGrid",
  "controlStyles[50].styles[0]": "CornerRadius=0,0,12,0",
  "controlStyles[51].target": "Border#DropShadow",
  "controlStyles[51].styles[0]": "CornerRadius=12",
  "controlStyles[52].target": "Border#DropShadowDismissTarget",
  "controlStyles[52].styles[0]": "CornerRadius=12",
  "controlStyles[53].target": "Windows.UI.Xaml.Controls.FlyoutPresenter[1]",
  "controlStyles[53].styles[0]": "Margin=-250,50,0,0",
  "controlStyles[54].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle",
  "controlStyles[54].styles[0]": "Visibility=Collapsed",
  "controlStyles[55].target": "Windows.UI.Xaml.Controls.FlyoutPresenter",
  "controlStyles[55].styles[0]": "Margin=-250,0,0,0",
  "controlStyles[56].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon#SearchGlyph",
  "controlStyles[56].styles[0]": "Margin=0,-3,0,0",
  "controlStyles[56].styles[1]": "FontSize=25",
  "controlStyles[56].styles[2]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".85\"/>",
  "controlStyles[57].target": "StartMenu.ExpandedFolderList > Grid#Root > Border",
  "controlStyles[57].styles[0]": "Height=420",
  "controlStyles[58].target": "TextBox#ExpandedFolderNameTextBox",
  "controlStyles[58].styles[0]": "Margin=-15,-15,15,20",
  "controlStyles[59].target": "Windows.UI.Xaml.Controls.GridView#FolderList > Border",
  "controlStyles[59].styles[0]": "Margin=0,0,0,-60",
  "controlStyles[60].target": "StartDocked.NavigationPaneView#NavigationPane > Grid > StartDocked.AppListView",
  "controlStyles[60].styles[0]": "Margin=0,0,-36,0"
}
Lockframe commented 3 weeks ago

Hello.

The buttons' corner radius have been changed but reverted after verifying which values properly create a perfect circle when the corners are cut and combined. The acrylic background has been made more opaque to make it similar to the taskbar's transparency.

I've added screenshots to show how the current theme compares to the updated one.

Current fluent 2 start Current fluent 2 search Updated Fluent 2 Start Updated Fluent 2 Search

bbmaster123 commented 3 weeks ago

some quick notes:

Lockframe commented 3 weeks ago

Hello,

The colored search icon was removed since it is not present in the original concept by Zee; I was unaware of the issue with the navigation buttons, thanks for bringing it up; The pinned list not being scrollable was not my intention at all, but I don't really know how to fix it without bringing back the recommended section; I've adjusted the search pane's border to not cut off the last pill, though the arrow still remains and it makes the main search menu page look off.

Here's how it looks so far:

Captura de tela 2024-10-31 161549 Captura de tela 2024-10-31 161356 Captura de tela 2024-10-31 161407

bbmaster123 commented 3 weeks ago

The colored search icon was removed since it is not present in the original concept by Zee;

I know, I added it :) I still stand by what I said, but if you think its better without, then who am I to say no haha

The pinned list not being scrollable was not my intention at all, but I don't really know how to fix it without bringing back the recommended section;

I'll take another look at it when I get home, it should be possible as I have this working in my win10 theme

I've adjusted the search pane's border to not cut off the last pill, though the arrow still remains and it makes the main search menu page look off.

yea thats better! I think it looks fine with the arrow personally

Here's how it looks so far

ooh I'm not a fan of the nav buttons up top, I get why you tried that (since it overlapped the pinned icons if they reached the bottom). After we fix the scrolling it shouldn't be an issue. We could, if you agree, create a variant with nav button on top. Let me know your thoughts on this

Search is perfect, nothing left to address there! :)

bbmaster123 commented 3 weeks ago

okay so I got the scrolling working (the trick was setting MaxWidth), and I started to merge the existing style code with yours, its just that yours gets messy toward the end in terms of the order of the styles and targets. I like to keep it in order so its easier to read, and see what's changed.

normally I'd just suck it up, but there's like over 60 styles here, so instead I worked off the original to replicate your changes as best I could with the exceptions of the nav buttons and the magnifying glass. I did do the positional/size fixes, removed the same fallback colors, set the opacities the same, etc

Please try this and fix the (hopefully) few styles I missed, and try to keep the styles in sequential order. I suggest to try to reorder the styles every time you make major changes so that you aren't constantly managing it, but you also aren't letting it get out of hand :)

Feel free to once again remove the magnifying glass (I left the style in there but disabled) and move the nav buttons if you see fit:

{
  "controlStyles[0].target": "Button#CloseAllAppsButton",
  "controlStyles[0].styles[0]": "CornerRadius=14",
  "controlStyles[0].styles[1]": "Margin=0,0,-32,0",
  "controlStyles[0].styles[2]": "Padding=1,2,5,0",
  "controlStyles[1].target": "Grid#ShowMoreSuggestions",
  "controlStyles[1].styles[0]": "Visibility=1",
  "controlStyles[2].target": "Grid#SuggestionsParentContainer",
  "controlStyles[2].styles[0]": "Visibility=1",
  "controlStyles[3].target": "Grid#TopLevelSuggestionsListHeader",
  "controlStyles[3].styles[0]": "Visibility=1",
  "controlStyles[4].target": "Button#ShowAllAppsButton",
  "controlStyles[4].styles[0]": "CornerRadius=14",
  "controlStyles[4].styles[1]": "Margin=0,0,32,0",
  "controlStyles[4].styles[2]": "Padding=5,2,1,1",
  "controlStyles[5].target": "StartDocked.SearchBoxToggleButton",
  "controlStyles[5].styles[0]": "Margin=30,0,120,26",
  "controlStyles[6].target": "PipsPager#PinnedListPipsPager",
  "controlStyles[6].styles[0]": "Visibility=1",
  "controlStyles[7].target": "Border#AcrylicBorder",
  "controlStyles[7].styles[0]": "Background:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\"0.45\" TintLuminosityOpacity=\".96\" Opacity=\"1\"/>",
  "controlStyles[7].styles[1]": "CornerRadius=12",
  "controlStyles[7].styles[2]": "BorderBrush:=<AcrylicBrush TintColor=\"{ThemeResource SurfaceStrokeColorDefault}\" FallbackColor=\"{ThemeResource SurfaceStrokeColorDefault}\" TintOpacity=\"0\" TintLuminosityOpacity=\".25\" Opacity=\"1\"/>",
  "controlStyles[8].target": "Grid#MainContent",
  "controlStyles[8].styles[0]": "CornerRadius=12",
  "controlStyles[9].target": "StartMenu.PinnedList",
  "controlStyles[9].styles[0]": "MaxWidth=650",
  "controlStyles[9].styles[1]": "Height=504",
  "controlStyles[9].styles[2]": "Margin=-5,14,0,-14",
  "controlStyles[10].target": "TextBlock#DisplayName",
  "controlStyles[10].styles[0]": "Margin=0,16,0,-16",
  "controlStyles[10].styles[1]": "FontSize=13",
  "controlStyles[10].styles[2]": "FontFamily=Aptos",
  "controlStyles[10].styles[3]": "Opacity=.75",
  "controlStyles[11].target": "TextBlock#PinnedListHeaderText",
  "controlStyles[11].styles[0]": "Margin=-14,0,0,0",
  "controlStyles[11].styles[1]": "FontFamily=Aptos",
  "controlStyles[11].styles[2]": "Opacity=.85",
  "controlStyles[11].styles[3]": "FontSize=16",
  "controlStyles[12].target": "Border#TaskbarSearchBackground",
  "controlStyles[12].styles[0]": "Visibility=1",
  "controlStyles[13].target": "Border#AppBorder",
  "controlStyles[13].styles[0]": "Background:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\"0.25\" TintLuminosityOpacity=\".96\" Opacity=\"1\"/>",
  "controlStyles[13].styles[1]": "BorderBrush:=<AcrylicBrush TintColor=\"{ThemeResource SurfaceStrokeColorDefault}\" FallbackColor=\"{ThemeResource SurfaceStrokeColorDefault}\" TintOpacity=\"0\" TintLuminosityOpacity=\".25\" Opacity=\"1\"/>",
  "controlStyles[13].styles[2]": "CornerRadius=12",
  "controlStyles[14].target": "Border#dropshadow",
  "controlStyles[14].styles[0]": "CornerRadius=12",
  "controlStyles[15].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl",
  "controlStyles[15].styles[0]": "Margin=33,33,33,10",
  "controlStyles[16].target": "TextBlock#UserTileNameText",
  "controlStyles[16].styles[0]": "Visibility=1",
  "controlStyles[17].target": "TextBlock#AllAppsHeading",
  "controlStyles[17].styles[0]": "FontFamily=Aptos",
  "controlStyles[17].styles[1]": "Margin=-6,0,0,0",
  "controlStyles[17].styles[2]": "FontSize=16",
  "controlStyles[17].styles[3]": "Opacity=.85",
  "controlStyles[18].target": "Border#ContentBorder",
  "controlStyles[18].styles[0]": "CornerRadius=6",
  "controlStyles[19].target": "StartDocked.SearchBoxToggleButton > Grid > ContentPresenter > TextBlock#PlaceholderText",
  "controlStyles[19].styles[0]": "Text=Where to next?",
  "controlStyles[19].styles[1]": "FontWeight=700",
  "controlStyles[19].styles[2]": "FontFamily=Aptos",
  "controlStyles[19].styles[3]": "FontSize=24",
  "controlStyles[19].styles[4]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".85\"/>",
  "controlStyles[19].styles[5]": "Margin=2,0,0,0",
  "controlStyles[20].target": "StartDocked.SearchBoxToggleButton > Grid > Border",
  "controlStyles[20].styles[0]": "Background=transparent",
  "controlStyles[20].styles[1]": "BorderBrush=transparent",
  "controlStyles[21].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon",
  "controlStyles[21].styles[0]": "Transform3D:=<CompositeTransform3D TranslateX=\"165\" TranslateY=\"-1\"/>",
  "controlStyles[21].styles[1]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" FallbackColor=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".85\"/>",
  "controlStyles[21].styles[2]": "FontSize=24",
  "controlStyles[22].target": "Grid#TopLevelRoot",
  "controlStyles[22].styles[0]": "Margin=0,-8,0,0",
  "controlStyles[23].target": "GridViewItem",
  "controlStyles[23].styles[0]": "Height=96",
  "controlStyles[23].styles[1]": "Margin=0,0,0,2",
  "controlStyles[24].target": "StartDocked.UserTileView",
  "controlStyles[24].styles[0]": "Margin=512,-1290,-2000,0",
  "controlStyles[25].target": "StartDocked.UserTileView > StartDocked.NavigationPaneButton > Grid > Border",
  "controlStyles[25].styles[0]": "CornerRadius=99",
  "controlStyles[25].styles[1]": "Margin=8,0,8,0",
  "controlStyles[26].styles[0]": "Margin=-64,-1290,-2000,0",
  "controlStyles[26].target": "StartDocked.PowerOptionsView",
  "controlStyles[26].styles[1]": "CornerRadius=99",
  "controlStyles[26].styles[2]": "Opacity=.85",
  "controlStyles[27].target": "TextBlock#ShowAllAppsButtonText",
  "controlStyles[27].styles[0]": "FontFamily=Aptos",
  "controlStyles[27].styles[1]": "Opacity=.85",
  "controlStyles[28].target": "Button#CloseAllAppsButton > ContentPresenter > StackPanel > TextBlock",
  "controlStyles[28].styles[0]": "FontFamily=Aptos",
  "controlStyles[28].styles[1]": "Opacity=.85",
  "controlStyles[29].target": "Border#AcrylicOverlay",
  "controlStyles[29].styles[0]": "Visibility=1",
  "controlStyles[30].target": "Grid#AllAppsPaneHeader",
  "controlStyles[30].styles[0]": "Margin=64,-8,64,0",
  "controlStyles[31].target": "Grid#InnerContent",
  "controlStyles[31].styles[0]": "Margin=0,31,0,-64",
  "controlStyles[32].target": "TextBlock#AppDisplayName",
  "controlStyles[32].styles[0]": "FontFamily=Aptos",
  "controlStyles[32].styles[1]": "Opacity=.85",
  "controlStyles[32].styles[2]": "Margin=4,0,0,0",
  "controlStyles[33].target": "Button#Header > Border > TextBlock",
  "controlStyles[33].styles[0]": "FontFamily=Aptos",
  "controlStyles[33].styles[1]": "FontWeight=600",
  "controlStyles[33].styles[2]": "Opacity=.85",
  "controlStyles[34].target": "StartDocked.PowerOptionsView > StartDocked.NavigationPaneButton > Grid > Border",
  "controlStyles[34].styles[0]": "CornerRadius=99",
  "controlStyles[34].styles[1]": "Margin=1",
  "controlStyles[35].target": "TileGrid",
  "controlStyles[35].styles[0]": "Background:=<SolidColorBrush Color=\"{ThemeResource TextFillColorInverse}\" Opacity=\".2\"/>",
  "controlStyles[35].styles[1]": "CornerRadiusProtected=8",
  "controlStyles[35].styles[2]": "BorderThicknessProtected=1",
  "controlStyles[35].styles[3]": "BorderBrushProtected:=<SolidColorBrush Color=\"{ThemeResource SurfaceStrokeColorDefault}\" Opacity=\".35\"/>",
  "controlStyles[36].target": "ListViewItem",
  "controlStyles[36].styles[0]": "Margin=1,0,-6,0",
  "controlStyles[36].styles[1]": "CornerRadius=4",
  "controlStyles[36].styles[2]": "Padding=0,0,6,0",
  "controlStyles[37].target": "Button#Header",
  "controlStyles[37].styles[0]": "Margin=4,0,-3,0",
  "controlStyles[38].target": "StartDocked.AllAppsPane#AllAppsPanel",
  "controlStyles[38].styles[0]": "Margin=-20,0,-6,0",
  "controlStyles[39].target": "TextBlock#PlaceholderTextContentPresenter",
  "controlStyles[39].styles[0]": "FontFamily=Aptos",
  "controlStyles[39].styles[1]": "FontSize=24",
  "controlStyles[39].styles[2]": "FontWeight=700",
  "controlStyles[39].styles[3]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".7\"/>",
  "controlStyles[40].target": "Microsoft.UI.Xaml.Controls.AnimatedIcon#SearchIconPlayer",
  "controlStyles[40].styles[0]": "Visibility=1",
  "controlStyles[41].target": "Button#SearchGlyphContainer",
  "controlStyles[41].styles[0]": "FontSize=32",
  "controlStyles[41].styles[1]": "Visibility=1",
  "controlStyles[42].target": "Cortana.UI.Views.CortanaRichSearchBox#SearchTextBox",
  "controlStyles[42].styles[0]": "FontSize=24",
  "controlStyles[42].styles[1]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource TextFillColorPrimary}\" Opacity=\".85\"/>",
  "controlStyles[42].styles[2]": "FontFamily=Aptos",
  "controlStyles[42].styles[3]": "Opacity=.85",
  "controlStyles[42].styles[4]": "FontWeight=ExtraBold",
  "controlStyles[43].target": "Border#LayerBorder",
  "controlStyles[43].styles[0]": "Visibility=1",
  "controlStyles[44].target": "Windows.UI.Xaml.Controls.FontIcon#SearchBoxOnTaskbarSearchGlyph",
  "controlStyles[44].styles[0]": "Visibility=0",
  "controlStyles[44].styles[1]": "Margin=0",
  "controlStyles[44].styles[2]": "FontSize=32",
  "controlStyles[44].styles[3]": "Opacity=.85",
  "controlStyles[45].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl",
  "controlStyles[45].styles[0]": "Margin=31,31,17,17",
  "controlStyles[46].target": "Grid#WebViewGrid > WebView",
  "controlStyles[46].styles[0]": "Margin=-13,0,-10,15",
  "controlStyles[47].target": "TextBlock#StatusMessage",
  "controlStyles[47].styles[0]": "Visibility=1",
  "controlStyles[48].target": "Border#LogoBackgroundPlate",
  "controlStyles[48].styles[0]": "Margin=12,0,0,0",
  "controlStyles[49].target": "Grid#WebViewGrid",
  "controlStyles[49].styles[0]": "Margin=-13,0,-10,15",
  "controlStyles[50].target": "Border#DropShadow",
  "controlStyles[50].styles[0]": "CornerRadius=12",
  "controlStyles[51].target": "Border#DropShadowDismissTarget",
  "controlStyles[51].styles[0]": "CornerRadius=12",
  "controlStyles[52].target": "Windows.UI.Xaml.Controls.FlyoutPresenter[1]",
  "controlStyles[52].styles[0]": "Margin=-250,50,0,0",
  "controlStyles[53].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle",
  "controlStyles[53].styles[0]": "Visibility=1",
  "controlStyles[54].target": "Windows.UI.Xaml.Controls.FlyoutPresenter",
  "controlStyles[54].styles[0]": "Margin=-250,0,0,0",
  "controlStyles[55].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon#SearchGlyph",
  "controlStyles[55].styles[0]": "Margin=0,-3,0,0",
  "controlStyles[55].styles[1]": "FontSize=25",
  "controlStyles[55].styles[2]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".85\"/>",
  "controlStyles[56].target": "StartMenu.ExpandedFolderList > Grid#Root > Border",
  "controlStyles[56].styles[0]": "Height=420",
  "controlStyles[57].target": "TextBox#ExpandedFolderNameTextBox",
  "controlStyles[57].styles[0]": "Margin=-15,-15,15,20",
  "controlStyles[58].target": "Windows.UI.Xaml.Controls.GridView#FolderList > Border",
  "controlStyles[58].styles[0]": "Margin=0,0,0,-60",
  "controlStyles[59].target": "StartDocked.NavigationPaneView#NavigationPane > Grid > StartDocked.AppListView",
  "controlStyles[59].styles[0]": "Margin=0,0,-36,0",
  "controlStyles[60].target": "Image#SearchIconOn",
  "controlStyles[60].styles[0]": "Visibility=0",
  "controlStyles[61].target": "Grid#TopLevelSuggestionsContainer",
  "controlStyles[61].styles[0]": "Visibility=Collapsed"
}

let me know what you think I think the next revision will get pushed through :)

Lockframe commented 3 weeks ago

Hello,

Thank you for your input and for fixing the scroll issue, but I've noticed it only seems to work if there are at least 2 rows of pinned apps for it to properly work. Is there a fix for that?

I don't really mind the navigation buttons' position, but I've added a few styles to fix the hidden pinned icons' borders being visible if you hover your cursor near the bottom.

Regarding the navigation buttons, I don't have a personal preference as to where they should to be placed, but I did center them since it.

I've also changed the padding in some areas due to them breaking my attempt to have everything be more consitent, as well as the font weight to make Aptos more legible on lower resolution screens.

This is how the theme from your styles looked and how it looks now: B4 After

bbmaster123 commented 3 weeks ago

Thank you for your input and for fixing the scroll issue, but I've noticed it only seems to work if there are at least 2 rows of pinned apps for it to properly work. Is there a fix for that?

ahhh damn missed that! Try adding:

Windows.UI.Xaml.Controls.ItemsWrapGrid
ItemHeight=84

everything else looks good to me!

Lockframe commented 2 weeks ago
Windows.UI.Xaml.Controls.ItemsWrapGrid
ItemHeight=84

No luck, that only seems to cut off the bottom part of the pinned icons' border.

bbmaster123 commented 2 weeks ago

hmm, either play with that value and the PinnedList height, or share your latest code. Maybe you changed something that happens to affect what the values need to be in your latest code. Seems to be working for me with my older code:

1

dunno why the gif runs slow but yea, 1 row on page 2 with scrolling, so we can definitely get this working in your new version

(code) ``` { "controlStyles[0].target": "Button#CloseAllAppsButton", "controlStyles[0].styles[0]": "CornerRadius=14", "controlStyles[0].styles[1]": "Margin=0,0,-32,0", "controlStyles[0].styles[2]": "Padding=1,2,5,0", "controlStyles[1].target": "Grid#ShowMoreSuggestions", "controlStyles[1].styles[0]": "Visibility=1", "controlStyles[2].target": "Grid#SuggestionsParentContainer", "controlStyles[2].styles[0]": "Visibility=1", "controlStyles[3].target": "Grid#TopLevelSuggestionsListHeader", "controlStyles[3].styles[0]": "Visibility=1", "controlStyles[4].target": "Button#ShowAllAppsButton", "controlStyles[4].styles[0]": "CornerRadius=14", "controlStyles[4].styles[1]": "Margin=0,0,32,0", "controlStyles[4].styles[2]": "Padding=5,2,1,1", "controlStyles[5].target": "StartDocked.SearchBoxToggleButton", "controlStyles[5].styles[0]": "Margin=30,0,120,26", "controlStyles[6].target": "PipsPager#PinnedListPipsPager", "controlStyles[6].styles[0]": "Visibility=1", "controlStyles[7].target": "Border#AcrylicBorder", "controlStyles[7].styles[0]": "Background:=", "controlStyles[7].styles[1]": "CornerRadius=12", "controlStyles[7].styles[2]": "BorderBrush:=", "controlStyles[8].target": "Grid#MainContent", "controlStyles[8].styles[0]": "CornerRadius=12", "controlStyles[9].target": "StartMenu.PinnedList", "controlStyles[9].styles[0]": "MaxWidth=645", "controlStyles[9].styles[1]": "Margin=-5,14,0,-14", "controlStyles[9].styles[2]": "Height=504", "controlStyles[10].target": "TextBlock#DisplayName", "controlStyles[10].styles[0]": "Margin=0,16,0,-16", "controlStyles[10].styles[1]": "FontSize=13", "controlStyles[10].styles[2]": "FontFamily=Aptos", "controlStyles[10].styles[3]": "Opacity=.75", "controlStyles[11].target": "TextBlock#PinnedListHeaderText", "controlStyles[11].styles[0]": "Margin=-14,0,0,0", "controlStyles[11].styles[1]": "FontFamily=Aptos", "controlStyles[11].styles[2]": "Opacity=.85", "controlStyles[11].styles[3]": "FontSize=16", "controlStyles[12].target": "Border#TaskbarSearchBackground", "controlStyles[12].styles[0]": "Visibility=1", "controlStyles[13].target": "Border#AppBorder", "controlStyles[13].styles[0]": "Background:=", "controlStyles[13].styles[1]": "BorderBrush:=", "controlStyles[13].styles[2]": "CornerRadius=12", "controlStyles[14].target": "Border#dropshadow", "controlStyles[14].styles[0]": "CornerRadius=12", "controlStyles[15].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl", "controlStyles[15].styles[0]": "Margin=33,33,33,10", "controlStyles[16].target": "TextBlock#UserTileNameText", "controlStyles[16].styles[0]": "Visibility=1", "controlStyles[17].target": "TextBlock#AllAppsHeading", "controlStyles[17].styles[0]": "FontFamily=Aptos", "controlStyles[17].styles[1]": "Margin=-6,0,0,0", "controlStyles[17].styles[2]": "FontSize=16", "controlStyles[17].styles[3]": "Opacity=.85", "controlStyles[18].target": "Border#ContentBorder", "controlStyles[18].styles[0]": "CornerRadius=6", "controlStyles[19].target": "StartDocked.SearchBoxToggleButton > Grid > ContentPresenter > TextBlock#PlaceholderText", "controlStyles[19].styles[0]": "Text=Where to next?", "controlStyles[19].styles[1]": "FontWeight=700", "controlStyles[19].styles[2]": "FontFamily=Aptos", "controlStyles[19].styles[3]": "FontSize=24", "controlStyles[19].styles[4]": "Foreground:=", "controlStyles[19].styles[5]": "Margin=2,0,0,0", "controlStyles[20].target": "StartDocked.SearchBoxToggleButton > Grid > Border", "controlStyles[20].styles[0]": "Background=transparent", "controlStyles[20].styles[1]": "BorderBrush=transparent", "controlStyles[21].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon", "controlStyles[21].styles[0]": "Transform3D:=", "controlStyles[21].styles[1]": "Foreground:=", "controlStyles[21].styles[2]": "FontSize=24", "controlStyles[22].target": "Grid#TopLevelRoot", "controlStyles[22].styles[0]": "Margin=0,-8,0,0", "controlStyles[23].target": "GridViewItem", "controlStyles[23].styles[0]": "Height=96", "controlStyles[23].styles[1]": "Margin=0,0,0,2", "controlStyles[24].target": "StartDocked.UserTileView", "controlStyles[24].styles[0]": "Margin=512,-1290,-2000,0", "controlStyles[25].target": "StartDocked.UserTileView > StartDocked.NavigationPaneButton > Grid > Border", "controlStyles[25].styles[0]": "CornerRadius=99", "controlStyles[25].styles[1]": "Margin=8,0,8,0", "controlStyles[26].styles[0]": "Margin=-64,-1290,-2000,0", "controlStyles[26].target": "StartDocked.PowerOptionsView", "controlStyles[26].styles[1]": "CornerRadius=99", "controlStyles[26].styles[2]": "Opacity=.85", "controlStyles[27].target": "TextBlock#ShowAllAppsButtonText", "controlStyles[27].styles[0]": "FontFamily=Aptos", "controlStyles[27].styles[1]": "Opacity=.85", "controlStyles[28].target": "Button#CloseAllAppsButton > ContentPresenter > StackPanel > TextBlock", "controlStyles[28].styles[0]": "FontFamily=Aptos", "controlStyles[28].styles[1]": "Opacity=.85", "controlStyles[29].target": "Border#AcrylicOverlay", "controlStyles[29].styles[0]": "Visibility=1", "controlStyles[30].target": "Grid#AllAppsPaneHeader", "controlStyles[30].styles[0]": "Margin=64,-8,64,0", "controlStyles[31].target": "Grid#InnerContent", "controlStyles[31].styles[0]": "Margin=0,31,0,-64", "controlStyles[32].target": "TextBlock#AppDisplayName", "controlStyles[32].styles[0]": "FontFamily=Aptos", "controlStyles[32].styles[1]": "Opacity=.85", "controlStyles[32].styles[2]": "Margin=4,0,0,0", "controlStyles[33].target": "Button#Header > Border > TextBlock", "controlStyles[33].styles[0]": "FontFamily=Aptos", "controlStyles[33].styles[1]": "FontWeight=600", "controlStyles[33].styles[2]": "Opacity=.85", "controlStyles[34].target": "StartDocked.PowerOptionsView > StartDocked.NavigationPaneButton > Grid > Border", "controlStyles[34].styles[0]": "CornerRadius=99", "controlStyles[34].styles[1]": "Margin=1", "controlStyles[35].target": "TileGrid", "controlStyles[35].styles[0]": "Background:=", "controlStyles[35].styles[1]": "CornerRadiusProtected=8", "controlStyles[35].styles[2]": "BorderThicknessProtected=1", "controlStyles[35].styles[3]": "BorderBrushProtected:=", "controlStyles[36].target": "ListViewItem", "controlStyles[36].styles[0]": "Margin=1,0,-6,0", "controlStyles[36].styles[1]": "CornerRadius=4", "controlStyles[36].styles[2]": "Padding=0,0,6,0", "controlStyles[37].target": "Button#Header", "controlStyles[37].styles[0]": "Margin=4,0,-3,0", "controlStyles[38].target": "StartDocked.AllAppsPane#AllAppsPanel", "controlStyles[38].styles[0]": "Margin=-20,0,-6,0", "controlStyles[39].target": "TextBlock#PlaceholderTextContentPresenter", "controlStyles[39].styles[0]": "FontFamily=Aptos", "controlStyles[39].styles[1]": "FontSize=24", "controlStyles[39].styles[2]": "FontWeight=700", "controlStyles[39].styles[3]": "Foreground:=", "controlStyles[40].target": "Microsoft.UI.Xaml.Controls.AnimatedIcon#SearchIconPlayer", "controlStyles[40].styles[0]": "Visibility=1", "controlStyles[41].target": "Button#SearchGlyphContainer", "controlStyles[41].styles[0]": "FontSize=32", "controlStyles[41].styles[1]": "Visibility=1", "controlStyles[42].target": "Cortana.UI.Views.CortanaRichSearchBox#SearchTextBox", "controlStyles[42].styles[0]": "FontSize=24", "controlStyles[42].styles[1]": "Foreground:=", "controlStyles[42].styles[2]": "FontFamily=Aptos", "controlStyles[42].styles[3]": "Opacity=.85", "controlStyles[42].styles[4]": "FontWeight=ExtraBold", "controlStyles[43].target": "Border#LayerBorder", "controlStyles[43].styles[0]": "Visibility=1", "controlStyles[44].target": "Windows.UI.Xaml.Controls.FontIcon#SearchBoxOnTaskbarSearchGlyph", "controlStyles[44].styles[0]": "Visibility=0", "controlStyles[44].styles[1]": "Margin=0", "controlStyles[44].styles[2]": "FontSize=32", "controlStyles[44].styles[3]": "Opacity=.85", "controlStyles[45].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl", "controlStyles[45].styles[0]": "Margin=31,31,17,17", "controlStyles[46].target": "Grid#WebViewGrid > WebView", "controlStyles[46].styles[0]": "Margin=-13,0,-10,15", "controlStyles[47].target": "TextBlock#StatusMessage", "controlStyles[47].styles[0]": "Visibility=1", "controlStyles[48].target": "Border#LogoBackgroundPlate", "controlStyles[48].styles[0]": "Margin=12,0,0,0", "controlStyles[49].target": "Grid#WebViewGrid", "controlStyles[49].styles[0]": "Margin=-13,0,-10,15", "controlStyles[50].target": "Border#DropShadow", "controlStyles[50].styles[0]": "CornerRadius=12", "controlStyles[51].target": "Border#DropShadowDismissTarget", "controlStyles[51].styles[0]": "CornerRadius=12", "controlStyles[52].target": "Windows.UI.Xaml.Controls.FlyoutPresenter[1]", "controlStyles[52].styles[0]": "Margin=-250,50,0,0", "controlStyles[53].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle", "controlStyles[53].styles[0]": "Visibility=1", "controlStyles[54].target": "Windows.UI.Xaml.Controls.FlyoutPresenter", "controlStyles[54].styles[0]": "Margin=-250,0,0,0", "controlStyles[55].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon#SearchGlyph", "controlStyles[55].styles[0]": "Margin=0,-3,0,0", "controlStyles[55].styles[1]": "FontSize=25", "controlStyles[55].styles[2]": "Foreground:=", "controlStyles[56].target": "StartMenu.ExpandedFolderList > Grid#Root > Border", "controlStyles[56].styles[0]": "Height=420", "controlStyles[57].target": "TextBox#ExpandedFolderNameTextBox", "controlStyles[57].styles[0]": "Margin=-15,-15,15,20", "controlStyles[58].target": "Windows.UI.Xaml.Controls.GridView#FolderList > Border", "controlStyles[58].styles[0]": "Margin=0,0,0,-60", "controlStyles[59].target": "StartDocked.NavigationPaneView#NavigationPane > Grid > StartDocked.AppListView", "controlStyles[59].styles[0]": "Margin=0,0,-36,0", "controlStyles[60].target": "Image#SearchIconOn", "controlStyles[60].styles[0]": "Visibility=0", "controlStyles[61].target": "Grid#TopLevelSuggestionsContainer", "controlStyles[61].styles[0]": "Visibility=Collapsed", "controlStyles[62].target": "Windows.UI.Xaml.Controls.ItemsWrapGrid", "controlStyles[62].styles[0]": "ItemHeight=84" } ```
Lockframe commented 2 weeks ago

Unfortunately, with your version the text gets cut off. Perhaps this has something to do with the resolution as well?

Captura de tela 2024-11-02 084412

(My version is also available in my repository)

{
  "controlStyles[0].target": "Button#CloseAllAppsButton",
  "controlStyles[0].styles[0]": "CornerRadius=14",
  "controlStyles[0].styles[1]": "Margin=0,0,-32,0",
  "controlStyles[0].styles[2]": "Padding=10,4,12,5",
  "controlStyles[1].target": "Grid#ShowMoreSuggestions",
  "controlStyles[1].styles[0]": "Visibility=1",
  "controlStyles[2].target": "Grid#SuggestionsParentContainer",
  "controlStyles[2].styles[0]": "Visibility=1",
  "controlStyles[3].target": "Grid#TopLevelSuggestionsListHeader",
  "controlStyles[3].styles[0]": "Visibility=1",
  "controlStyles[4].target": "Button#ShowAllAppsButton",
  "controlStyles[4].styles[0]": "CornerRadius=14",
  "controlStyles[4].styles[1]": "Margin=0,0,32,0",
  "controlStyles[4].styles[2]": "Padding=12,4,10,5",
  "controlStyles[5].target": "StartDocked.SearchBoxToggleButton",
  "controlStyles[5].styles[0]": "Margin=30,0,120,26",
  "controlStyles[6].target": "PipsPager#PinnedListPipsPager",
  "controlStyles[6].styles[0]": "Visibility=1",
  "controlStyles[7].target": "Border#AcrylicBorder",
  "controlStyles[7].styles[0]": "Background:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\"0.45\" TintLuminosityOpacity=\".96\" Opacity=\"1\"/>",
  "controlStyles[7].styles[1]": "CornerRadius=12",
  "controlStyles[7].styles[2]": "BorderBrush:=<AcrylicBrush TintColor=\"{ThemeResource SurfaceStrokeColorDefault}\" FallbackColor=\"{ThemeResource SurfaceStrokeColorDefault}\" TintOpacity=\"0\" TintLuminosityOpacity=\".25\" Opacity=\"1\"/>",
  "controlStyles[8].target": "Grid#MainContent",
  "controlStyles[8].styles[0]": "CornerRadius=12",
  "controlStyles[9].target": "StartMenu.PinnedList",
  "controlStyles[9].styles[0]": "MaxWidth=650",
  "controlStyles[9].styles[1]": "Height=490",
  "controlStyles[9].styles[2]": "Margin=0,8,0,-14",
  "controlStyles[10].target": "TextBlock#DisplayName",
  "controlStyles[10].styles[0]": "Margin=0,16,0,-16",
  "controlStyles[10].styles[1]": "FontSize=13",
  "controlStyles[10].styles[2]": "FontFamily=Aptos",
  "controlStyles[10].styles[3]": "Opacity=.75",
  "controlStyles[10].styles[4]": "FontWeight=500",
  "controlStyles[11].target": "TextBlock#PinnedListHeaderText",
  "controlStyles[11].styles[0]": "Margin=-14,0,0,0",
  "controlStyles[11].styles[1]": "FontFamily=Aptos",
  "controlStyles[11].styles[2]": "Opacity=.85",
  "controlStyles[11].styles[3]": "FontSize=16",
  "controlStyles[11].styles[4]": "Margin=-32,0,0,0",
  "controlStyles[12].target": "Border#TaskbarSearchBackground",
  "controlStyles[12].styles[0]": "Visibility=1",
  "controlStyles[13].target": "Border#AppBorder",
  "controlStyles[13].styles[0]": "Background:=<AcrylicBrush TintColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" FallbackColor=\"{ThemeResource CardStrokeColorDefaultSolid}\" TintOpacity=\"0.25\" TintLuminosityOpacity=\".96\" Opacity=\"1\"/>",
  "controlStyles[13].styles[1]": "BorderBrush:=<AcrylicBrush TintColor=\"{ThemeResource SurfaceStrokeColorDefault}\" FallbackColor=\"{ThemeResource SurfaceStrokeColorDefault}\" TintOpacity=\"0\" TintLuminosityOpacity=\".25\" Opacity=\"1\"/>",
  "controlStyles[13].styles[2]": "CornerRadius=12",
  "controlStyles[14].target": "Border#dropshadow",
  "controlStyles[14].styles[0]": "CornerRadius=12",
  "controlStyles[14].styles[1]": "Margin=-1",
  "controlStyles[15].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl",
  "controlStyles[15].styles[0]": "Margin=33,33,33,10",
  "controlStyles[16].target": "TextBlock#UserTileNameText",
  "controlStyles[16].styles[0]": "Visibility=1",
  "controlStyles[17].target": "TextBlock#AllAppsHeading",
  "controlStyles[17].styles[0]": "FontFamily=Aptos",
  "controlStyles[17].styles[1]": "Margin=-32,0,0,0",
  "controlStyles[17].styles[2]": "FontSize=16",
  "controlStyles[17].styles[3]": "Opacity=.85",
  "controlStyles[18].target": "Border#ContentBorder",
  "controlStyles[18].styles[0]": "CornerRadius=6",
  "controlStyles[19].target": "StartDocked.SearchBoxToggleButton > Grid > ContentPresenter > TextBlock#PlaceholderText",
  "controlStyles[19].styles[0]": "Text=Where to next?",
  "controlStyles[19].styles[1]": "FontWeight=700",
  "controlStyles[19].styles[2]": "FontFamily=Aptos",
  "controlStyles[19].styles[3]": "FontSize=24",
  "controlStyles[19].styles[4]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".85\"/>",
  "controlStyles[19].styles[5]": "Margin=2,0,0,0",
  "controlStyles[20].target": "StartDocked.SearchBoxToggleButton > Grid > Border",
  "controlStyles[20].styles[0]": "Background=transparent",
  "controlStyles[20].styles[1]": "BorderBrush=transparent",
  "controlStyles[21].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon",
  "controlStyles[21].styles[0]": "Transform3D:=<CompositeTransform3D TranslateX=\"165\" TranslateY=\"-1\"/>",
  "controlStyles[21].styles[1]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" FallbackColor=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".85\"/>",
  "controlStyles[21].styles[2]": "FontSize=24",
  "controlStyles[22].target": "Grid#TopLevelRoot",
  "controlStyles[22].styles[0]": "Margin=0,-8,0,0",
  "controlStyles[23].target": "GridViewItem",
  "controlStyles[23].styles[0]": "Height=96",
  "controlStyles[23].styles[1]": "Margin=0,0,0,2",
  "controlStyles[24].target": "StartDocked.UserTileView",
  "controlStyles[24].styles[0]": "Margin=512,-1290,-2000,0",
  "controlStyles[25].target": "StartDocked.UserTileView > StartDocked.NavigationPaneButton > Grid > Border",
  "controlStyles[25].styles[0]": "CornerRadius=99",
  "controlStyles[25].styles[1]": "Margin=8,0,8,0",
  "controlStyles[26].styles[0]": "Margin=-64,-1290,-2000,0",
  "controlStyles[26].target": "StartDocked.PowerOptionsView",
  "controlStyles[26].styles[1]": "CornerRadius=99",
  "controlStyles[26].styles[2]": "Opacity=.85",
  "controlStyles[27].target": "TextBlock#ShowAllAppsButtonText",
  "controlStyles[27].styles[0]": "FontFamily=Aptos",
  "controlStyles[27].styles[1]": "Opacity=.85",
  "controlStyles[27].styles[2]": "FontWeight=500",
  "controlStyles[28].target": "Button#CloseAllAppsButton > ContentPresenter > StackPanel > TextBlock",
  "controlStyles[28].styles[0]": "FontFamily=Aptos",
  "controlStyles[28].styles[1]": "Opacity=.85",
  "controlStyles[28].styles[2]": "FontWeight=500",
  "controlStyles[29].target": "Border#AcrylicOverlay",
  "controlStyles[29].styles[0]": "Visibility=1",
  "controlStyles[30].target": "Grid#AllAppsPaneHeader",
  "controlStyles[30].styles[0]": "Margin=64,-8,64,5",
  "controlStyles[31].target": "Grid#InnerContent",
  "controlStyles[31].styles[0]": "Margin=0,31,0,-64",
  "controlStyles[32].target": "TextBlock#AppDisplayName",
  "controlStyles[32].styles[0]": "FontFamily=Aptos",
  "controlStyles[32].styles[1]": "Opacity=.85",
  "controlStyles[32].styles[2]": "Margin=4,0,0,0",
  "controlStyles[32].styles[3]": "FontWeight=500",
  "controlStyles[33].target": "Button#Header > Border > TextBlock",
  "controlStyles[33].styles[0]": "FontFamily=Aptos",
  "controlStyles[33].styles[1]": "FontWeight=600",
  "controlStyles[33].styles[2]": "Opacity=.85",
  "controlStyles[34].target": "StartDocked.PowerOptionsView > StartDocked.NavigationPaneButton > Grid > Border",
  "controlStyles[34].styles[0]": "CornerRadius=99",
  "controlStyles[34].styles[1]": "Margin=1",
  "controlStyles[35].target": "TileGrid",
  "controlStyles[35].styles[0]": "Background:=<SolidColorBrush Color=\"{ThemeResource TextFillColorInverse}\" Opacity=\".2\"/>",
  "controlStyles[35].styles[1]": "CornerRadiusProtected=8",
  "controlStyles[35].styles[2]": "BorderThicknessProtected=1",
  "controlStyles[35].styles[3]": "BorderBrushProtected:=<SolidColorBrush Color=\"{ThemeResource SurfaceStrokeColorDefault}\" Opacity=\".35\"/>",
  "controlStyles[36].target": "ListViewItem",
  "controlStyles[36].styles[0]": "Margin=1,0,-6,0",
  "controlStyles[36].styles[1]": "CornerRadius=4",
  "controlStyles[36].styles[2]": "Padding=0,0,6,0",
  "controlStyles[37].target": "Button#Header",
  "controlStyles[37].styles[0]": "Margin=4,0,-3,0",
  "controlStyles[38].target": "StartDocked.AllAppsPane#AllAppsPanel",
  "controlStyles[38].styles[0]": "Margin=-20,0,-6,0",
  "controlStyles[39].target": "TextBlock#PlaceholderTextContentPresenter",
  "controlStyles[39].styles[0]": "FontFamily=Aptos",
  "controlStyles[39].styles[1]": "FontSize=24",
  "controlStyles[39].styles[2]": "FontWeight=700",
  "controlStyles[39].styles[3]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".7\"/>",
  "controlStyles[40].target": "Microsoft.UI.Xaml.Controls.AnimatedIcon#SearchIconPlayer",
  "controlStyles[40].styles[0]": "Visibility=1",
  "controlStyles[41].target": "Button#SearchGlyphContainer",
  "controlStyles[41].styles[0]": "FontSize=32",
  "controlStyles[41].styles[1]": "Visibility=1",
  "controlStyles[42].target": "Cortana.UI.Views.CortanaRichSearchBox#SearchTextBox",
  "controlStyles[42].styles[0]": "FontSize=24",
  "controlStyles[42].styles[1]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource TextFillColorPrimary}\" Opacity=\".85\"/>",
  "controlStyles[42].styles[2]": "FontFamily=Aptos",
  "controlStyles[42].styles[3]": "Opacity=.85",
  "controlStyles[42].styles[4]": "FontWeight=ExtraBold",
  "controlStyles[43].target": "Border#LayerBorder",
  "controlStyles[43].styles[0]": "Visibility=1",
  "controlStyles[44].target": "Windows.UI.Xaml.Controls.FontIcon#SearchBoxOnTaskbarSearchGlyph",
  "controlStyles[44].styles[0]": "Visibility=0",
  "controlStyles[44].styles[1]": "Margin=0",
  "controlStyles[44].styles[2]": "FontSize=32",
  "controlStyles[44].styles[3]": "Opacity=.85",
  "controlStyles[45].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl",
  "controlStyles[45].styles[0]": "Margin=31,31,17,17",
  "controlStyles[46].target": "Grid#WebViewGrid",
  "controlStyles[46].styles[0]": "Margin=-13,0,-10,15",
  "controlStyles[47].target": "TextBlock#StatusMessage",
  "controlStyles[47].styles[0]": "Visibility=1",
  "controlStyles[48].target": "Border#LogoBackgroundPlate",
  "controlStyles[48].styles[0]": "Margin=12,0,0,0",
  "controlStyles[49].target": "Border#DropShadow",
  "controlStyles[49].styles[0]": "CornerRadius=12",
  "controlStyles[49].styles[1]": "Margin=-1",
  "controlStyles[50].target": "Border#DropShadowDismissTarget",
  "controlStyles[50].styles[0]": "CornerRadius=12",
  "controlStyles[51].target": "Windows.UI.Xaml.Controls.FlyoutPresenter[1]",
  "controlStyles[51].styles[0]": "Margin=-250,50,0,0",
  "controlStyles[52].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle",
  "controlStyles[52].styles[0]": "Visibility=1",
  "controlStyles[53].target": "Windows.UI.Xaml.Controls.FlyoutPresenter",
  "controlStyles[53].styles[0]": "Margin=-250,0,0,0",
  "controlStyles[54].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon#SearchGlyph",
  "controlStyles[54].styles[0]": "Margin=0,-3,0,0",
  "controlStyles[54].styles[1]": "FontSize=25",
  "controlStyles[54].styles[2]": "Foreground:=<SolidColorBrush Color=\"{ThemeResource FocusStrokeColorOuter}\" Opacity=\".85\"/>",
  "controlStyles[55].target": "StartMenu.ExpandedFolderList > Grid#Root > Border",
  "controlStyles[55].styles[0]": "Height=420",
  "controlStyles[56].target": "TextBox#ExpandedFolderNameTextBox",
  "controlStyles[56].styles[0]": "Margin=-15,-15,15,20",
  "controlStyles[57].target": "Windows.UI.Xaml.Controls.GridView#FolderList > Border",
  "controlStyles[57].styles[0]": "Margin=0,0,0,-60",
  "controlStyles[58].target": "StartDocked.NavigationPaneView#NavigationPane > Grid > StartDocked.AppListView",
  "controlStyles[58].styles[0]": "Margin=0,0,-36,0",
  "controlStyles[59].target": "Image#SearchIconOn",
  "controlStyles[59].styles[0]": "Visibility=1",
  "controlStyles[60].target": "Grid#TopLevelSuggestionsContainer",
  "controlStyles[60].styles[0]": "Visibility=1",
  "controlStyles[61].target": "Image#SearchIconOff",
  "controlStyles[61].styles[0]": "Visibility=1",
  "controlStyles[62].target": "Grid#ContentBorder > Border#BackgroundBorder",
  "controlStyles[62].styles[0]": "CornerRadius=99",
  "controlStyles[62].styles[1]": "Height=38",
  "controlStyles[62].styles[2]": "Width=38",
  "controlStyles[63].target": "Grid#ContentBorder > ContentPresenter > FontIcon",
  "controlStyles[63].styles[0]": "Margin=6,0,0,0",
  "controlStyles[64].target": "StartDocked.AppListView#NavigationPanePlacesListView",
  "controlStyles[64].styles[0]": "Padding=2,0,6,0",
  "controlStyles[65].target": "StartDocked.AppListView#NavigationPanePlacesListView > Border > ScrollViewer > Border#Root > Grid > ScrollContentPresenter > ItemsPresenter > ItemsStackPanel > ListViewItem",
  "controlStyles[65].styles[0]": "Margin=-2,0,0,0",
  "controlStyles[66].target": "StartDocked.AppListView#NavigationPanePlacesListView",
  "controlStyles[66].styles[0]": "Margin=0,0,-46,0",
  "controlStyles[63].styles[1]": "Opacity=.85"
}
bbmaster123 commented 2 weeks ago

yea its definitely possible for resolution to play a role if its small enough, what resolution are you on? I'm on a 4k so I'll lower my vm's resolution to yours if necessary

try this, I only modified the size/spacing of the pinned list

``` { "controlStyles[0].target": "Button#CloseAllAppsButton", "controlStyles[0].styles[0]": "CornerRadius=14", "controlStyles[0].styles[1]": "Margin=0,0,-32,0", "controlStyles[0].styles[2]": "Padding=10,4,12,5", "controlStyles[1].target": "Grid#ShowMoreSuggestions", "controlStyles[1].styles[0]": "Visibility=1", "controlStyles[2].target": "Grid#SuggestionsParentContainer", "controlStyles[2].styles[0]": "Visibility=1", "controlStyles[3].target": "Grid#TopLevelSuggestionsListHeader", "controlStyles[3].styles[0]": "Visibility=1", "controlStyles[4].target": "Button#ShowAllAppsButton", "controlStyles[4].styles[0]": "CornerRadius=14", "controlStyles[4].styles[1]": "Margin=0,0,32,0", "controlStyles[4].styles[2]": "Padding=12,4,10,5", "controlStyles[5].target": "StartDocked.SearchBoxToggleButton", "controlStyles[5].styles[0]": "Margin=30,0,120,26", "controlStyles[6].target": "PipsPager#PinnedListPipsPager", "controlStyles[6].styles[0]": "Visibility=1", "controlStyles[7].target": "Border#AcrylicBorder", "controlStyles[7].styles[0]": "Background:=", "controlStyles[7].styles[1]": "CornerRadius=12", "controlStyles[7].styles[2]": "BorderBrush:=", "controlStyles[8].target": "Grid#MainContent", "controlStyles[8].styles[0]": "CornerRadius=12", "controlStyles[9].target": "StartMenu.PinnedList", "controlStyles[9].styles[0]": "MaxWidth=650", "controlStyles[9].styles[1]": "Height=504", "controlStyles[9].styles[2]": "Margin=-5,14,-5,-14", "controlStyles[10].target": "TextBlock#DisplayName", "controlStyles[10].styles[0]": "Margin=0,10,0,-5", "controlStyles[10].styles[1]": "FontSize=13", "controlStyles[10].styles[2]": "FontFamily=Aptos", "controlStyles[10].styles[3]": "Opacity=.75", "controlStyles[10].styles[4]": "FontWeight=500", "controlStyles[11].target": "TextBlock#PinnedListHeaderText", "controlStyles[11].styles[0]": "Margin=-14,0,0,0", "controlStyles[11].styles[1]": "FontFamily=Aptos", "controlStyles[11].styles[2]": "Opacity=.85", "controlStyles[11].styles[3]": "FontSize=16", "controlStyles[11].styles[4]": "Margin=-32,0,0,0", "controlStyles[12].target": "Border#TaskbarSearchBackground", "controlStyles[12].styles[0]": "Visibility=1", "controlStyles[13].target": "Border#AppBorder", "controlStyles[13].styles[0]": "Background:=", "controlStyles[13].styles[1]": "BorderBrush:=", "controlStyles[13].styles[2]": "CornerRadius=12", "controlStyles[14].target": "Border#dropshadow", "controlStyles[14].styles[0]": "CornerRadius=12", "controlStyles[14].styles[1]": "Margin=-1", "controlStyles[15].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl", "controlStyles[15].styles[0]": "Margin=33,33,33,10", "controlStyles[16].target": "TextBlock#UserTileNameText", "controlStyles[16].styles[0]": "Visibility=1", "controlStyles[17].target": "TextBlock#AllAppsHeading", "controlStyles[17].styles[0]": "FontFamily=Aptos", "controlStyles[17].styles[1]": "Margin=-32,0,0,0", "controlStyles[17].styles[2]": "FontSize=16", "controlStyles[17].styles[3]": "Opacity=.85", "controlStyles[18].target": "Border#ContentBorder", "controlStyles[18].styles[0]": "CornerRadius=6", "controlStyles[19].target": "StartDocked.SearchBoxToggleButton > Grid > ContentPresenter > TextBlock#PlaceholderText", "controlStyles[19].styles[0]": "Text=Where to next?", "controlStyles[19].styles[1]": "FontWeight=700", "controlStyles[19].styles[2]": "FontFamily=Aptos", "controlStyles[19].styles[3]": "FontSize=24", "controlStyles[19].styles[4]": "Foreground:=", "controlStyles[19].styles[5]": "Margin=2,0,0,0", "controlStyles[20].target": "StartDocked.SearchBoxToggleButton > Grid > Border", "controlStyles[20].styles[0]": "Background=transparent", "controlStyles[20].styles[1]": "BorderBrush=transparent", "controlStyles[21].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon", "controlStyles[21].styles[0]": "Transform3D:=", "controlStyles[21].styles[1]": "Foreground:=", "controlStyles[21].styles[2]": "FontSize=24", "controlStyles[22].target": "Grid#TopLevelRoot", "controlStyles[22].styles[0]": "Margin=0,-8,0,0", "controlStyles[23].target": "GridViewItem", "controlStyles[23].styles[0]": "Height=84", "controlStyles[23].styles[1]": "Margin=0,0,0,2", "controlStyles[24].target": "StartDocked.UserTileView", "controlStyles[24].styles[0]": "Margin=512,-1290,-2000,0", "controlStyles[25].target": "StartDocked.UserTileView > StartDocked.NavigationPaneButton > Grid > Border", "controlStyles[25].styles[0]": "CornerRadius=99", "controlStyles[25].styles[1]": "Margin=8,0,8,0", "controlStyles[26].styles[0]": "Margin=-64,-1290,-2000,0", "controlStyles[26].target": "StartDocked.PowerOptionsView", "controlStyles[26].styles[1]": "CornerRadius=99", "controlStyles[26].styles[2]": "Opacity=.85", "controlStyles[27].target": "TextBlock#ShowAllAppsButtonText", "controlStyles[27].styles[0]": "FontFamily=Aptos", "controlStyles[27].styles[1]": "Opacity=.85", "controlStyles[27].styles[2]": "FontWeight=500", "controlStyles[28].target": "Button#CloseAllAppsButton > ContentPresenter > StackPanel > TextBlock", "controlStyles[28].styles[0]": "FontFamily=Aptos", "controlStyles[28].styles[1]": "Opacity=.85", "controlStyles[28].styles[2]": "FontWeight=500", "controlStyles[29].target": "Border#AcrylicOverlay", "controlStyles[29].styles[0]": "Visibility=1", "controlStyles[30].target": "Grid#AllAppsPaneHeader", "controlStyles[30].styles[0]": "Margin=64,-8,64,5", "controlStyles[31].target": "Grid#InnerContent", "controlStyles[31].styles[0]": "Margin=0,31,0,-64", "controlStyles[32].target": "TextBlock#AppDisplayName", "controlStyles[32].styles[0]": "FontFamily=Aptos", "controlStyles[32].styles[1]": "Opacity=.85", "controlStyles[32].styles[2]": "Margin=4,0,0,0", "controlStyles[32].styles[3]": "FontWeight=500", "controlStyles[33].target": "Button#Header > Border > TextBlock", "controlStyles[33].styles[0]": "FontFamily=Aptos", "controlStyles[33].styles[1]": "FontWeight=600", "controlStyles[33].styles[2]": "Opacity=.85", "controlStyles[34].target": "StartDocked.PowerOptionsView > StartDocked.NavigationPaneButton > Grid > Border", "controlStyles[34].styles[0]": "CornerRadius=99", "controlStyles[34].styles[1]": "Margin=1", "controlStyles[35].target": "TileGrid", "controlStyles[35].styles[0]": "Background:=", "controlStyles[35].styles[1]": "CornerRadiusProtected=8", "controlStyles[35].styles[2]": "BorderThicknessProtected=1", "controlStyles[35].styles[3]": "BorderBrushProtected:=", "controlStyles[36].target": "ListViewItem", "controlStyles[36].styles[0]": "Margin=1,0,-6,0", "controlStyles[36].styles[1]": "CornerRadius=4", "controlStyles[36].styles[2]": "Padding=0,0,6,0", "controlStyles[37].target": "Button#Header", "controlStyles[37].styles[0]": "Margin=4,0,-3,0", "controlStyles[38].target": "StartDocked.AllAppsPane#AllAppsPanel", "controlStyles[38].styles[0]": "Margin=-20,0,-6,0", "controlStyles[39].target": "TextBlock#PlaceholderTextContentPresenter", "controlStyles[39].styles[0]": "FontFamily=Aptos", "controlStyles[39].styles[1]": "FontSize=24", "controlStyles[39].styles[2]": "FontWeight=700", "controlStyles[39].styles[3]": "Foreground:=", "controlStyles[40].target": "Microsoft.UI.Xaml.Controls.AnimatedIcon#SearchIconPlayer", "controlStyles[40].styles[0]": "Visibility=1", "controlStyles[41].target": "Button#SearchGlyphContainer", "controlStyles[41].styles[0]": "FontSize=32", "controlStyles[41].styles[1]": "Visibility=1", "controlStyles[42].target": "Cortana.UI.Views.CortanaRichSearchBox#SearchTextBox", "controlStyles[42].styles[0]": "FontSize=24", "controlStyles[42].styles[1]": "Foreground:=", "controlStyles[42].styles[2]": "FontFamily=Aptos", "controlStyles[42].styles[3]": "Opacity=.85", "controlStyles[42].styles[4]": "FontWeight=ExtraBold", "controlStyles[43].target": "Border#LayerBorder", "controlStyles[43].styles[0]": "Visibility=1", "controlStyles[44].target": "Windows.UI.Xaml.Controls.FontIcon#SearchBoxOnTaskbarSearchGlyph", "controlStyles[44].styles[0]": "Visibility=0", "controlStyles[44].styles[1]": "Margin=0", "controlStyles[44].styles[2]": "FontSize=32", "controlStyles[44].styles[3]": "Opacity=.85", "controlStyles[45].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl", "controlStyles[45].styles[0]": "Margin=31,31,17,17", "controlStyles[46].target": "Grid#WebViewGrid", "controlStyles[46].styles[0]": "Margin=-13,0,-10,15", "controlStyles[47].target": "TextBlock#StatusMessage", "controlStyles[47].styles[0]": "Visibility=1", "controlStyles[48].target": "Border#LogoBackgroundPlate", "controlStyles[48].styles[0]": "Margin=12,0,0,0", "controlStyles[49].target": "Border#DropShadow", "controlStyles[49].styles[0]": "CornerRadius=12", "controlStyles[49].styles[1]": "Margin=-1", "controlStyles[50].target": "Border#DropShadowDismissTarget", "controlStyles[50].styles[0]": "CornerRadius=12", "controlStyles[51].target": "Windows.UI.Xaml.Controls.FlyoutPresenter[1]", "controlStyles[51].styles[0]": "Margin=-250,50,0,0", "controlStyles[52].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle", "controlStyles[52].styles[0]": "Visibility=1", "controlStyles[53].target": "Windows.UI.Xaml.Controls.FlyoutPresenter", "controlStyles[53].styles[0]": "Margin=-250,0,0,0", "controlStyles[54].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon#SearchGlyph", "controlStyles[54].styles[0]": "Margin=0,-3,0,0", "controlStyles[54].styles[1]": "FontSize=25", "controlStyles[54].styles[2]": "Foreground:=", "controlStyles[55].target": "StartMenu.ExpandedFolderList > Grid#Root > Border", "controlStyles[55].styles[0]": "Height=420", "controlStyles[56].target": "TextBox#ExpandedFolderNameTextBox", "controlStyles[56].styles[0]": "Margin=-15,-15,15,20", "controlStyles[57].target": "Windows.UI.Xaml.Controls.GridView#FolderList > Border", "controlStyles[57].styles[0]": "Margin=0,0,0,-60", "controlStyles[58].target": "StartDocked.NavigationPaneView#NavigationPane > Grid > StartDocked.AppListView", "controlStyles[58].styles[0]": "Margin=0,0,-36,0", "controlStyles[59].target": "Image#SearchIconOn", "controlStyles[59].styles[0]": "Visibility=1", "controlStyles[60].target": "Grid#TopLevelSuggestionsContainer", "controlStyles[60].styles[0]": "Visibility=1", "controlStyles[61].target": "Image#SearchIconOff", "controlStyles[61].styles[0]": "Visibility=1", "controlStyles[62].target": "Grid#ContentBorder > Border#BackgroundBorder", "controlStyles[62].styles[0]": "CornerRadius=99", "controlStyles[62].styles[1]": "Height=38", "controlStyles[62].styles[2]": "Width=38", "controlStyles[63].target": "Grid#ContentBorder > ContentPresenter > FontIcon", "controlStyles[63].styles[0]": "Margin=6,0,0,0", "controlStyles[64].target": "StartDocked.AppListView#NavigationPanePlacesListView", "controlStyles[64].styles[0]": "Padding=2,0,6,0", "controlStyles[65].target": "StartDocked.AppListView#NavigationPanePlacesListView > Border > ScrollViewer > Border#Root > Grid > ScrollContentPresenter > ItemsPresenter > ItemsStackPanel > ListViewItem", "controlStyles[65].styles[0]": "Margin=-2,0,0,0", "controlStyles[66].target": "StartDocked.AppListView#NavigationPanePlacesListView", "controlStyles[66].styles[0]": "Margin=0,0,-46,0", "controlStyles[63].styles[1]": "Opacity=.85", "controlStyles[67].target": "Windows.UI.Xaml.Controls.ItemsWrapGrid", "controlStyles[67].styles[0]": "ItemHeight=100", "controlStyles[23].styles[2]": "Width=84", "controlStyles[10].styles[5]": "Padding=14,0,14,0", "controlStyles[68].target": "Grid#DroppedFlickerWorkaroundWrapper > Border", "controlStyles[68].styles[0]": "Margin=12,0,-12,0", "controlStyles[67].styles[1]": "Margin=-10,0,10,0" } ```
Lockframe commented 2 weeks ago

I'm on FHD.

Your code fixed the text getting cut off and kind of half fixed the scrolling issue. Now it requires at least 2 apps to be pinned out of view for it to register a new page.

Gravando 2024-11-02 170617

bbmaster123 commented 2 weeks ago

damn so close try this, main change is I got rid of GridviewItem, just a matter of tweaking the heights and margins at this point I think if its not perfect yet

``` { "controlStyles[0].target": "Button#CloseAllAppsButton", "controlStyles[0].styles[0]": "CornerRadius=14", "controlStyles[0].styles[1]": "Margin=0,0,-32,0", "controlStyles[0].styles[2]": "Padding=10,4,12,5", "controlStyles[1].target": "Grid#ShowMoreSuggestions", "controlStyles[1].styles[0]": "Visibility=1", "controlStyles[2].target": "Grid#SuggestionsParentContainer", "controlStyles[2].styles[0]": "Visibility=1", "controlStyles[3].target": "Grid#TopLevelSuggestionsListHeader", "controlStyles[3].styles[0]": "Visibility=1", "controlStyles[4].target": "Button#ShowAllAppsButton", "controlStyles[4].styles[0]": "CornerRadius=14", "controlStyles[4].styles[1]": "Margin=0,0,32,0", "controlStyles[4].styles[2]": "Padding=12,4,10,5", "controlStyles[5].target": "StartDocked.SearchBoxToggleButton", "controlStyles[5].styles[0]": "Margin=30,0,120,26", "controlStyles[6].target": "PipsPager#PinnedListPipsPager", "controlStyles[6].styles[0]": "Visibility=1", "controlStyles[7].target": "Border#AcrylicBorder", "controlStyles[7].styles[0]": "Background:=", "controlStyles[7].styles[1]": "CornerRadius=12", "controlStyles[7].styles[2]": "BorderBrush:=", "controlStyles[8].target": "Grid#MainContent", "controlStyles[8].styles[0]": "CornerRadius=12", "controlStyles[9].target": "StartMenu.PinnedList", "controlStyles[9].styles[0]": "MaxWidth=650", "controlStyles[9].styles[1]": "Height=504", "controlStyles[9].styles[2]": "Margin=-8,14,8,-14", "controlStyles[10].target": "TextBlock#DisplayName", "controlStyles[10].styles[0]": "Margin=0,8,0,-8", "controlStyles[10].styles[1]": "FontSize=13", "controlStyles[10].styles[2]": "FontFamily=Aptos", "controlStyles[10].styles[3]": "Opacity=.75", "controlStyles[10].styles[4]": "FontWeight=500", "controlStyles[10].styles[5]": "Padding=14,0,14,0", "controlStyles[11].target": "TextBlock#PinnedListHeaderText", "controlStyles[11].styles[0]": "Margin=-14,0,0,0", "controlStyles[11].styles[1]": "FontFamily=Aptos", "controlStyles[11].styles[2]": "Opacity=.85", "controlStyles[11].styles[3]": "FontSize=16", "controlStyles[11].styles[4]": "Margin=-32,0,0,0", "controlStyles[12].target": "Border#TaskbarSearchBackground", "controlStyles[12].styles[0]": "Visibility=1", "controlStyles[13].target": "Border#AppBorder", "controlStyles[13].styles[0]": "Background:=", "controlStyles[13].styles[1]": "BorderBrush:=", "controlStyles[13].styles[2]": "CornerRadius=12", "controlStyles[14].target": "Border#dropshadow", "controlStyles[14].styles[0]": "CornerRadius=12", "controlStyles[14].styles[1]": "Margin=-1", "controlStyles[15].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl", "controlStyles[15].styles[0]": "Margin=33,33,33,10", "controlStyles[16].target": "TextBlock#UserTileNameText", "controlStyles[16].styles[0]": "Visibility=1", "controlStyles[17].target": "TextBlock#AllAppsHeading", "controlStyles[17].styles[0]": "FontFamily=Aptos", "controlStyles[17].styles[1]": "Margin=-32,0,0,0", "controlStyles[17].styles[2]": "FontSize=16", "controlStyles[17].styles[3]": "Opacity=.85", "controlStyles[18].target": "Border#ContentBorder", "controlStyles[18].styles[0]": "CornerRadius=6", "controlStyles[19].target": "StartDocked.SearchBoxToggleButton > Grid > ContentPresenter > TextBlock#PlaceholderText", "controlStyles[19].styles[0]": "Text=Where to next?", "controlStyles[19].styles[1]": "FontWeight=700", "controlStyles[19].styles[2]": "FontFamily=Aptos", "controlStyles[19].styles[3]": "FontSize=24", "controlStyles[19].styles[4]": "Foreground:=", "controlStyles[19].styles[5]": "Margin=2,0,0,0", "controlStyles[20].target": "StartDocked.SearchBoxToggleButton > Grid > Border", "controlStyles[20].styles[0]": "Background=transparent", "controlStyles[20].styles[1]": "BorderBrush=transparent", "controlStyles[21].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon", "controlStyles[21].styles[0]": "Transform3D:=", "controlStyles[21].styles[1]": "Foreground:=", "controlStyles[21].styles[2]": "FontSize=24", "controlStyles[22].target": "Grid#TopLevelRoot", "controlStyles[22].styles[0]": "Margin=0,-8,0,0", "controlStyles[23].target": "StartDocked.UserTileView", "controlStyles[23].styles[0]": "Margin=512,-1290,-2000,0", "controlStyles[24].target": "StartDocked.UserTileView > StartDocked.NavigationPaneButton > Grid > Border", "controlStyles[24].styles[0]": "CornerRadius=99", "controlStyles[24].styles[1]": "Margin=8,0,8,0", "controlStyles[25].styles[0]": "Margin=-64,-1290,-2000,0", "controlStyles[25].target": "StartDocked.PowerOptionsView", "controlStyles[25].styles[1]": "CornerRadius=99", "controlStyles[25].styles[2]": "Opacity=.85", "controlStyles[26].target": "TextBlock#ShowAllAppsButtonText", "controlStyles[26].styles[0]": "FontFamily=Aptos", "controlStyles[26].styles[1]": "Opacity=.85", "controlStyles[26].styles[2]": "FontWeight=500", "controlStyles[27].target": "Button#CloseAllAppsButton > ContentPresenter > StackPanel > TextBlock", "controlStyles[27].styles[0]": "FontFamily=Aptos", "controlStyles[27].styles[1]": "Opacity=.85", "controlStyles[27].styles[2]": "FontWeight=500", "controlStyles[28].target": "Border#AcrylicOverlay", "controlStyles[28].styles[0]": "Visibility=1", "controlStyles[29].target": "Grid#AllAppsPaneHeader", "controlStyles[29].styles[0]": "Margin=64,-8,64,5", "controlStyles[30].target": "Grid#InnerContent", "controlStyles[30].styles[0]": "Margin=0,31,0,-64", "controlStyles[31].target": "TextBlock#AppDisplayName", "controlStyles[31].styles[0]": "FontFamily=Aptos", "controlStyles[31].styles[1]": "Opacity=.85", "controlStyles[31].styles[2]": "Margin=4,0,0,4", "controlStyles[31].styles[3]": "FontWeight=500", "controlStyles[32].target": "Button#Header > Border > TextBlock", "controlStyles[32].styles[0]": "FontFamily=Aptos", "controlStyles[32].styles[1]": "FontWeight=600", "controlStyles[32].styles[2]": "Opacity=.85", "controlStyles[33].target": "StartDocked.PowerOptionsView > StartDocked.NavigationPaneButton > Grid > Border", "controlStyles[33].styles[0]": "CornerRadius=99", "controlStyles[33].styles[1]": "Margin=1", "controlStyles[34].target": "TileGrid", "controlStyles[34].styles[0]": "Background:=", "controlStyles[34].styles[1]": "CornerRadiusProtected=8", "controlStyles[34].styles[2]": "BorderThicknessProtected=1", "controlStyles[34].styles[3]": "BorderBrushProtected:=", "controlStyles[35].target": "ListViewItem", "controlStyles[35].styles[0]": "Margin=1,0,-6,0", "controlStyles[35].styles[1]": "CornerRadius=4", "controlStyles[35].styles[2]": "Padding=0,0,6,0", "controlStyles[36].target": "Button#Header", "controlStyles[36].styles[0]": "Margin=4,0,-3,0", "controlStyles[37].target": "StartDocked.AllAppsPane#AllAppsPanel", "controlStyles[37].styles[0]": "Margin=-20,0,-6,0", "controlStyles[38].target": "TextBlock#PlaceholderTextContentPresenter", "controlStyles[38].styles[0]": "FontFamily=Aptos", "controlStyles[38].styles[1]": "FontSize=24", "controlStyles[38].styles[2]": "FontWeight=700", "controlStyles[38].styles[3]": "Foreground:=", "controlStyles[39].target": "Microsoft.UI.Xaml.Controls.AnimatedIcon#SearchIconPlayer", "controlStyles[39].styles[0]": "Visibility=1", "controlStyles[40].target": "Button#SearchGlyphContainer", "controlStyles[40].styles[0]": "FontSize=32", "controlStyles[40].styles[1]": "Visibility=1", "controlStyles[41].target": "Cortana.UI.Views.CortanaRichSearchBox#SearchTextBox", "controlStyles[41].styles[0]": "FontSize=24", "controlStyles[41].styles[1]": "Foreground:=", "controlStyles[41].styles[2]": "FontFamily=Aptos", "controlStyles[41].styles[3]": "Opacity=.85", "controlStyles[41].styles[4]": "FontWeight=ExtraBold", "controlStyles[42].target": "Border#LayerBorder", "controlStyles[42].styles[0]": "Visibility=1", "controlStyles[43].target": "Windows.UI.Xaml.Controls.FontIcon#SearchBoxOnTaskbarSearchGlyph", "controlStyles[43].styles[0]": "Visibility=0", "controlStyles[43].styles[1]": "Margin=0", "controlStyles[43].styles[2]": "FontSize=32", "controlStyles[43].styles[3]": "Opacity=.85", "controlStyles[44].target": "Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl", "controlStyles[44].styles[0]": "Margin=31,31,17,17", "controlStyles[45].target": "Grid#WebViewGrid", "controlStyles[45].styles[0]": "Margin=-13,0,-10,15", "controlStyles[46].target": "TextBlock#StatusMessage", "controlStyles[46].styles[0]": "Visibility=1", "controlStyles[47].target": "Border#LogoBackgroundPlate", "controlStyles[47].styles[0]": "Margin=12,0,0,0", "controlStyles[48].target": "Border#DropShadow", "controlStyles[48].styles[0]": "CornerRadius=12", "controlStyles[48].styles[1]": "Margin=-1", "controlStyles[49].target": "Border#DropShadowDismissTarget", "controlStyles[49].styles[0]": "CornerRadius=12", "controlStyles[50].target": "Windows.UI.Xaml.Controls.FlyoutPresenter[1]", "controlStyles[50].styles[0]": "Margin=-250,50,0,0", "controlStyles[51].target": "StartDocked.LauncherFrame > Grid#RootGrid > Grid#RootContent > Grid#MainContent > Grid#InnerContent > Rectangle", "controlStyles[51].styles[0]": "Visibility=1", "controlStyles[52].target": "Windows.UI.Xaml.Controls.FlyoutPresenter", "controlStyles[52].styles[0]": "Margin=-250,0,0,0", "controlStyles[53].target": "StartDocked.SearchBoxToggleButton > Grid > FontIcon#SearchGlyph", "controlStyles[53].styles[0]": "Margin=0,-3,0,0", "controlStyles[53].styles[1]": "FontSize=25", "controlStyles[53].styles[2]": "Foreground:=", "controlStyles[54].target": "StartMenu.ExpandedFolderList > Grid#Root > Border", "controlStyles[54].styles[0]": "Height=420", "controlStyles[55].target": "TextBox#ExpandedFolderNameTextBox", "controlStyles[55].styles[0]": "Margin=-15,-15,15,20", "controlStyles[56].target": "Windows.UI.Xaml.Controls.GridView#FolderList > Border", "controlStyles[56].styles[0]": "Margin=0,0,0,-60", "controlStyles[57].target": "StartDocked.NavigationPaneView#NavigationPane > Grid > StartDocked.AppListView", "controlStyles[57].styles[0]": "Margin=0,0,-36,0", "controlStyles[58].target": "Image#SearchIconOn", "controlStyles[58].styles[0]": "Visibility=1", "controlStyles[59].target": "Grid#TopLevelSuggestionsContainer", "controlStyles[59].styles[0]": "Visibility=1", "controlStyles[60].target": "Image#SearchIconOff", "controlStyles[60].styles[0]": "Visibility=1", "controlStyles[61].target": "Grid#ContentBorder > Border#BackgroundBorder", "controlStyles[61].styles[0]": "CornerRadius=99", "controlStyles[61].styles[1]": "Height=38", "controlStyles[61].styles[2]": "Width=38", "controlStyles[62].target": "Grid#ContentBorder > ContentPresenter > FontIcon", "controlStyles[62].styles[0]": "Margin=6,0,0,0", "controlStyles[62].styles[1]": "Opacity=.85", "controlStyles[63].target": "StartDocked.AppListView#NavigationPanePlacesListView", "controlStyles[63].styles[0]": "Padding=2,0,6,0", "controlStyles[64].target": "StartDocked.AppListView#NavigationPanePlacesListView > Border > ScrollViewer > Border#Root > Grid > ScrollContentPresenter > ItemsPresenter > ItemsStackPanel > ListViewItem", "controlStyles[64].styles[0]": "Margin=-2,0,0,0", "controlStyles[65].target": "StartDocked.AppListView#NavigationPanePlacesListView", "controlStyles[65].styles[0]": "Margin=0,0,-46,0", "controlStyles[66].target": "Windows.UI.Xaml.Controls.ItemsWrapGrid", "controlStyles[66].styles[0]": "ItemHeight=84" } ```
Lockframe commented 2 weeks ago

Perfect, that did it! I've already updated the repository and fixed the missing scrollbar in the all apps page as well.

Captura de tela 2024-11-02 181828

bbmaster123 commented 2 weeks ago

@Lockframe I made a small adjustment to the apps list because the scrollbar went past the bottom of the apps list when scrolled all the way down and it just looked a bit weird, especially if you have nav button turned on

let me know if you think it looks ok, or if you can improve it any. Otherwise I think its good to go!

Lockframe commented 2 weeks ago

Thanks for the fix. I checked and noticed that the navigation buttons were misaligned again so I removed the margin that was used to fix them at first (maybe bringing back the scrollbar moved them again?) and also changed the margins of the apps in the all apps page.

Before: before

After: after

If there are no issues on higher resolutions I think it's good to go.

bbmaster123 commented 2 weeks ago

nice catch, looks great to me, pushing though!