How do I make all window corners to be rounded?

Question

In the macOS the all the four window corners are rounded, like the image below:

But in eOS, the windows corners are usually like this:

Here only two of the four corners of the window are rounded. I don't know if it is just me, but the windows rounded feel more comfortable to my eyes, like the screen corners are.

I've searched a bit and did not found any way to do or enable windows to be rendered like this. I saw that Mail app renders it's welcome screen with corners rounded.

There's any way to enable this? If no, what is the best approach to propose this to the design team?

Answer 1

In what looks like a forward-looking change according to issue #5 on the stylesheet's GitHub repo, apps have to request the rounded corners via a class in elementary's GTK+ stylesheet. See pull request #20 for the relevant code. I'm not sure the apps have caught up with this change, though.

There's probably a way for you to modify the stylesheet so that the apps you desire have rounded corners (check out /usr/share/themes/elementary/gtk-3.0/app.css), but you'd need to know the class for each app's window frame, to which you'd add a border-radius value -- it looks like it isn't really standardized at the moment.