starred/terminal
1
0
Fork 0
mirror of https://github.com/microsoft/terminal.git synced 2026-02-04 05:35:20 +00:00
Code Issues 19.0k Packages Projects Releases 20 Wiki Activity

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

New Issue
Closed
opened 2026-01-31 04:31:38 +00:00 by claunia · 6 comments
claunia commented 2026-01-31 04:31:38 +00:00
Owner
Copy Link

Originally created by @niels9001 on GitHub (Sep 15, 2021).

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!

Originally created by @niels9001 on GitHub (Sep 15, 2021). 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](https://user-images.githubusercontent.com/9866362/133399857-b33bd805-ed76-43d2-a9b9-b04f67c14395.png) We have done a similar action for PowerToys: ![image](https://user-images.githubusercontent.com/9866362/133400732-93c746de-7fef-4dd0-abe4-bf166d4317a4.png) For PowerToys, I have created a [custom control to easily create "grouped" settings](https://github.com/microsoft/PowerToys/tree/master/src/settings-ui/Microsoft.PowerToys.Settings.UI/Controls/SettingsGroup) and [a SettingCard control](https://github.com/microsoft/PowerToys/tree/master/src/settings-ui/Microsoft.PowerToys.Settings.UI/Controls/Setting) 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!
claunia commented 2026-01-31 04:31:40 +00:00
Author
Owner
Copy Link

@zadjii-msft commented on GitHub (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 @cinnamon-msft has some mocks of what we've been planning with the design team that we can share.

@zadjii-msft commented on GitHub (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 @cinnamon-msft has some mocks of what we've been planning with the design team that we can share.
claunia commented 2026-01-31 04:31:40 +00:00
Author
Owner
Copy Link

@WSLUser commented on GitHub (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.

@WSLUser commented on GitHub (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.
claunia commented 2026-01-31 04:31:40 +00:00
Author
Owner
Copy Link

@DHowett commented on GitHub (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.

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.

@DHowett commented on GitHub (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. 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.
claunia commented 2026-01-31 04:31:40 +00:00
Author
Owner
Copy Link

@tropicaaal commented on GitHub (Oct 4, 2021):

Might as well post one of my design concepts from #1375 since it's relevant.
image

@tropicaaal commented on GitHub (Oct 4, 2021): Might as well post one of my design concepts from #1375 since it's relevant. ![image](https://user-images.githubusercontent.com/42101043/135923384-d392e035-48d9-43ca-aa69-aed2ed493525.png)
claunia commented 2026-01-31 04:31:40 +00:00
Author
Owner
Copy Link

@fitojb commented on GitHub (Oct 6, 2021):

Segoe UI Variable is a huge improvement!

@fitojb commented on GitHub (Oct 6, 2021): Segoe UI Variable is a huge improvement!
claunia commented 2026-01-31 04:31:41 +00:00
Author
Owner
Copy Link

@floh96 commented on GitHub (Nov 10, 2021):

see https://github.com/microsoft/terminal/pull/11720 for first draft

@floh96 commented on GitHub (Nov 10, 2021): see https://github.com/microsoft/terminal/pull/11720 for first draft
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
⛺ Reserved
A11yCO
A11yMAS
A11ySev1
A11ySev2
A11ySev3
A11yTTValidated
A11yUsable
A11yVoiceAccess
A11yWCAG
Area-Accessibility
Area-AtlasEngine
Area-AzureShell
Area-Build
Area-Build
Area-Chat
Area-CmdPal
Area-CodeHealth
Area-Commandline
Area-CookedRead
Area-DefApp
Area-Extensibility
Area-Fonts
Area-GroupPolicy
Area-i18n
Area-Input
Area-Interaction
Area-Interop
Area-Localization
Area-Output
Area-Performance
Area-Portable
Area-Quality
Area-Remoting
Area-Rendering
Area-Schema
Area-Server
Area-Settings
Area-SettingsUI
Area-ShellExtension
Area-ShellExtension
Area-ShellExtension
Area-Suggestions
Area-Suggestions
Area-TerminalConnection
Area-TerminalControl
Area-Theming
Area-UserInterface
Area-VT
Area-Windowing
Area-WPFControl
AutoMerge
Blocking-Ingestion
Culprit-Centennial
Culprit-WinUI
Disability-All
Disability-Blind
Disability-LowVision
Disability-Mobility
External-Blocked-WinUI3
Fixed
Gathering-Data
good first issue
HCL-E+D
HCL-WindowsTerminal
Help Wanted
Impact-Compatibility
Impact-Compliance
Impact-Correctness
Impact-Visual
In-PR
InclusionBacklog
InclusionBacklog-Windows TerminalWin32
InclusionCommitted-202206
Issue-Bug
Issue-Docs
Issue-Feature
Issue-Feature
Issue-Question
Issue-Samples
Issue-Scenario
Issue-Task
Needs-Attention
Needs-Author-Feedback
Needs-Bisect
Needs-Discussion
Needs-Repro
Needs-Tag-Fix
Needs-Tag-Fix
Needs-Triage
No-Recent-Activity
Priority-0
Priority-1
Priority-2
Priority-3
Product-Cmd.exe
Product-Colortool
Product-Colortool
Product-Colortool
Product-Conhost
Product-Conpty
Product-Meta
Product-Powershell
Product-Terminal
Product-WSL
pull-request
Mirrored from GitHub Pull Request
 Resolution-Answered
Resolution-By-Design
Resolution-Duplicate
Resolution-External
Resolution-Fix-Available
Resolution-Fix-Committed
Resolution-No-Repro
Resolution-Won't-Fix
Severity-Blocking
Severity-Crash
Severity-DataLoss
spam
this-will-be-a-breaking-change
Tracking-External
WindowsTerminal_Win32
Work-Item
zAskModeBug
zInbox-Bug
No Label Area-SettingsUI Issue-Feature Needs-Triage Product-Terminal Resolution-Fix-Committed
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#15215
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?