Make titlebar more consistent with Windows 10

[yzhang-gh]

Window Controls Width

Edge

VSCode Before

VSCode After

Transition Duration

0.2s -> 0.1s

[bpasero]

@neilsustc what is the purpose of the transition for the window buttons?

[yzhang-gh]

The same reason, being more consistent with native effects.

It is hard to be recorded with GIFs but you can feel the transition duration is more like 0.1s rather than 0.2s.

[bpasero]

@neilsustc I was more wondering what the transition does, e.g. when and where does it apply?

[yzhang-gh]

VSCode needs more time to react. (I should have compared them using the light theme to be fair... but you know what I mean)

---

They only apply to the window controls - ◻ x of titlebar when you move cursor on/off.

[bpasero]

Interesting, thanks for the info.

[yzhang-gh]

I find another thing, the margin of "hr"

Although it seems to be a small detail, it is very noticeable to me...

Can I fix it in this PR? It is not about titlebar any more, but it is quite simple (one margin) so maybe there is no need for another PR.

[yzhang-gh]

I guess I'd better to create a separate issue for custom menus.

[miguelsolorio]

@neilsustc I’d suggest making a different PR for fixing the menu spacing/alignment

[yzhang-gh]

👌