Settings V2 UI Task: Style WPF window titlebar so it's inline with UWP titlebar styling

[niels9001]

Summary of the new feature/enhancement

The current WPF runner app holds a XAML island with the NavigationView. Ideally the NavigationView would flow into the title bar, like most Windows 10 apps. For this, we'd need to create a custom WPF titlebar.

Proposed technical implementation details (optional)

Create a custom styling control that holds a custom minimize, maximize and close button. Background should be transparent so the NavView can flow to the top.

Left: UWP, right: WPF

[mdtauk]

Just as an aside, that "General" header, shouldn't it match the newer 10X settings style, rather than the current Settings style? (I am assuming the current settings app will get updated at some point)

[crutkas]

I like the get help. I also like what Zee did with some of the styling. I think a bit more 10x flair would be nice too.

Let’s just say for right now styling matches 10x?

[niels9001]

I think following the W10X styling is a good guideline for this!

[mdtauk]

I am sure internally there are Figma projects and other guidelines that will give you all the margin values, text sizes, weights etc you need. 😁

[crutkas]

i don't think this is a good idea. rather do the darkmode work here for the titles and then wait for WInUI3

[crutkas]

@niels9001 i don't think this will be an easy item due to the Island. I think this is just a "Migrate to WinUI 3" work item in the future.

Reopen if you disagree

[LasseRosenow]

Maybe reopen now that settings ui is WinUI 3 but the titlebar still remains legacy style?