Clientside window decorations: combined header bar/custom styled titlebar #10652
Description
Is your suggestion related to a problem? Please describe.
Not really. More that the application's window frame could be a bit nicer looking.
Describe the solution you'd like
I've suggested this before in the comments of another issue, but I wanted to bring it up again since it's been about 6 months.
Riot on desktop currently uses the OS default window frame and titlebar, which looks a bit ugly in a lot of cases. Clientside window decorations in Electron are pretty easy to implement, you just hide the window border, set a draggable region and add window buttons to the top bar as web content. Plenty of other applications do this and I think it would be a significant improvement to visual aesthetics. It's also fairly OS agnostic if the buttons are just your own assets, and you can switch them out for say mac os with assets that look more like the stoplight. It would make the application look a lot more polished, in my opinion.
For example, take a look at how Rainway does it:
And similarly, Parsec:
Describe alternatives you've considered
A custom themed titlebar could be another option, if it isn't possible to integrate window controls into the header in a way that feels good. Discord and Slack use this alternative.
Additional context
I've created a very low fidelity mockup of what I think this could look like. Note the grip space on the left side to allow room for the window to be dragged, similar to Firefox's tab bar.
