Adjust Themes

[onesounds]

Review Guide

• You can review it in 20 minutes or less.
• This PR is mostly a design fix. but Added a topic about theme properties.
• This is a PR that requires a decision about deleting an existing theme and how to do it.

What's the PR

• Removed duplicate themes that can be selected by colorscheme (win11light, win11dark, circle system, etc)
  • win10light is removed, and the existing win11style becomes win10style.
  • The bullet theme will be changed to system and become windows11 style. This is now the default.

• The default theme value will remain win11light, but the actual interior will contain two types of light/dark, like system.
  • To avoid confusing users, we've labeled the system type with a small icon. Added a setting for individual names separate from filenames. circle means "support color scheme", drop means "support blur"

• Theme designer can indicate separate names / blur / dark via comments in xaml. if not exist, If it doesn't exist, it will behave the old way.

• Adjusting the alignment differences caused by the ability to adjust the sizes.
• Changed the theme picker to an expandable card.

• Fixed an issue that caused a small space to appear on the left side of the preview resizer. This can be seen with previews of themes with full width selection.

Before

After

Theme Editor Size Up

• In theme edit mode, the vertical size increases.

Details

• Modify all items that are glyph color weird
• Modified all the themes that felt a little strange because the glyph color was different from the font color.
• Change searchbox text to center from slightly below
  • As users are able to adjust the window size and font size, they troubleshoot problems that may look a little strange when the size changes.
• Fix Accent color of circle system.
  • All the accent colors follow the colors set in the system.
• Removed the win type themed high light color. Apply semi-bold only.
  • This is the Windows standard form, and it removes the phenomenon I personally call "COLOR RAIN".
• Adjust Preview margins.

Test Cases

• Each theme should come out beautifully.
• For themes with tightly packed selections, there should be no visible white space on the right side when the preview is open.
• The resizing of the preview area should work properly.