Make three colored circles a bit smaller and with more spacing

[ghost]

Small GUI suggestion:

I'm sure they can't be identical to macOS own design, but I suggest to make the three coloured buttons a little smaller (in relation to the window thumbnail size) and more padding between them and the thumbnail edge.

[lwouis]

Hey @mindfulsource! Thanks for sharing this feedback!

Actually I agree that they would be easier to understand if they were "identical to macOS own design". Here is some background on how they are made currently, and why they are not 1-for-1 with the system icons.

I went with this for simplicity, but as an improvement, it makes sense to improve on these icons. A worry here would be that they scale with font size, as the current implementation does. That kind of rules out using images.

Does anybody know if they exist some copyleft license vector images of macOS standard icons?

Also ideally in scope for this ticket is adding a mouse-hover and mouse-down behavior to these 3 icons.

[lwouis]

IP

I'm not worried about this. I think Apple is fine with apps using icons from their OS, since they make that an option in the APIs. That's not a concern.

SVG

macOS has no native support for SVG. This means I would need a way to convert icons from SVG to bitmap images either at compile-time, or run-time. Currently, I do this at compile-time since I want original assets to exist as SVG for scalability purpose, and to be future-proof when we need to support higher resolutions.

Given how ubiquitous these icons are, there must be some SVG version of them available on some website somewhere. Anybody aware of such link?

[lwouis]

Yes please share SVG assets. This is the format of choice for this project as it is non-proprietary.

[lwouis]

Thanks for sharing all the assets!

I checked them, and it's not 1-for-1 I believe. I notice that the colors are not exactly like on my system (macOS 10.15.5 (19F101)). Also the pressed icons are incorrect on a few regards, but that's not an issue since I think I can just obscure the hover ones (I think that's what macOS does).

It's still an improvement compared to the current ones, that for sure.

[lwouis]

Noteworthy: Apple has Sketch/Photoshop files available here. It does not contain a hovered version of the window controls though

[lwouis]

@mindfulsource I said "It does not contain a hovered version", not "it contains a non-hover version". Your git repo does, but their downloadable assets don't. My point was that their assets are lacking. I'll use yours 👍

[lwouis]

I investigated conversion of SVG to PNG. For documentation sakes, here are 3 versions in 24x24 of the close button icon.

Software	PNG output
ImageMagick
Inkscape
Sketch

I'm going to go with Inkspace as I think it has the sharpest results.

Edit: I think github uploads re-compress images, so the differences can't be observed.
Here is a zip with the 3 versions.

[lwouis]

I implemented this. It will be included in the next release. @mindfulsource note that I made a separate commit with you as the author, to mark your contribution in the commit history. This will add you to the list of contributors in the app, the website, and on github.

Also note that I corrected the colors a bit in another commit. You may want to cherry-pick those changes in your git repo.