[RegistryPreview] Rethink commandbar to increase density

[Shomnipotence]

Description of the new feature / enhancement

There are too many rounded corners in the page, and the segmentation is too messy. By aligning to the design file of FDS, referring to the first-party design such as Notepad, we can achieve-

The segmentation from edge to edge makes the design look simple, neat and crisp.
Match the first-party design to improve the unity.
Reserve the possibility of adding multi-tab support in the future.

Scenario when this would be used?

Supporting information

https://www.figma.com/community/file/1159947337437047524/windows-ui-3

According to the official design specification, the standard title bar-toolbar-content view is as shown in the figure. There is no separate toolbar rounded background.

You can find it in the official Figma file

[crutkas]

It was to give it some visual anchoring as it is not a menubar.

If you would like to submit a PR adjusting the top bar, happy to push it through

[Shomnipotence]

It was to give it some visual anchoring as it is not a menubar.

If you would like to submit a PR adjusting the top bar, happy to push it through

I must clarify that in the design guidelines (official figma files), the menu bar and command bar have the same appearance and the same height.So there is no problem with the design I submitted. This is how to follow the design specifications.