Skip to content

[UX] Adopt Windows 11 Fluent styling for Settings #11231

@niels9001

Description

@niels9001

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 :).

image

We have done a similar action for PowerToys:

image

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.

@DHowett @DHowett-MSFT @cinnamon-msft I'm happy to work on this if there's a green-light!

Metadata

Metadata

Assignees

No one assigned

    Labels

    Area-SettingsUIAnything specific to the SUIIssue-FeatureComplex enough to require an in depth planning process and actual budgeted, scheduled work.Needs-TriageIt's a new issue that the core contributor team needs to triage at the next triage meetingProduct-TerminalThe new Windows Terminal.Resolution-Fix-CommittedFix is checked in, but it might be 3-4 weeks until a release.

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions