Repository navigation
[UX] Adopt Windows 11 Fluent styling for Settings #11231
Description
With Terminal pre-installed with Windows 11, it would be nice if it would adhere to the same styling other Windows 11 inbox app uses.
For example, OS Settings, Snip and Sketch and Alarm include the updated visual refresh for Settings. This brings multiple advantages:
- Consistency
- Distinguishing settings is easier now (a.k.a. "glanceability").
- With the introduction of these cards, more descriptive information can be added easily.
- Accessibility improvements.
- Just feels more polished :).
We have done a similar action for PowerToys:
For PowerToys, I have created a custom control to easily create "grouped" settings and a SettingCard control for the cards itself (that allows for setting an icon, action content, header and description) that is 1:1 inline the Windows 11 Settings UI specs.
Dustin L. Howett (@DHowett) Dustin L. Howett (MSFT) (@DHowett-MSFT) Kayla Cinnamon (@cinnamon-msft) I'm happy to work on this if there's a green-light!
Reacted by Dmitry Kuznetsov, Adolfo Jayme-Barrientos, Picoseconds, Florian Heberl, Bart Corremans, sabeeh, Rakshit Rangaprasad, Steve, Jan Škrášek, Karan09 and 3 more
Reacted by WSLUser
Activity
zadjii-msft commentedon Sep 15, 2021
This is something we were already planning on, but just haven't had a chance to get to quite yet 😝 We're kinda blocked on updating to WinUI 2.6 at the moment, but I've got a drop of 2.7 that I'm actually planning on trying to ingest today. Once I've got that working, then ABSOLUTELY feel free to help out. I believe Kayla Cinnamon (@cinnamon-msft) has some mocks of what we've been planning with the design team that we can share.
WSLUser commentedon Sep 15, 2021
I really don't like any of the Win11 UI at all. I hope people will have a choice to keep the Win10 UI if you're on Win10. I don't plan on ever touching Win11 unless the UI is fixed.
DHowett commentedon Sep 15, 2021
We will be updating our settings UI to the new style and do not intend to maintain two UI stacks.
You are always welcome to edit your settings in the most terminal-friendly way possible: via JSON.
Update to MUX 2.7 (#11240)
tropicaaal commentedon Oct 4, 2021
Might as well post one of my design concepts from #1375 since it's relevant.
fitojb commentedon Oct 6, 2021
Segoe UI Variable is a huge improvement!
floh96 commentedon Nov 10, 2021
see #11720 for first draft
Update our SUI to follow win 11 guidelines (#11720)
Update our SUI to follow win 11 guidelines (#11720)