Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MacOS Big Sur compliant icon #613

Closed
ghost opened this issue Apr 6, 2021 · 5 comments
Closed

MacOS Big Sur compliant icon #613

ghost opened this issue Apr 6, 2021 · 5 comments
Labels
enhancement OS - macOS Specific to macOS

Comments

@ghost
Copy link

ghost commented Apr 6, 2021

Is your feature request related to a problem? Please describe.
N/A

Describe the solution you'd like
As BigSur is out for quite some time, it would be nice to make the Ajour icon compliant with the MacOS guidelines. Many other applications have done that eg. Discord, Slack, Github Desktop, 1Password etc.

The app looks strange as compared to other applications on the dock.

Describe alternatives you've considered
One can manually edit the icon, but that isn't the best way to do it, is it?

Additional context
N/A

@casperstorm
Copy link
Member

We did actually spend time on updating the Ajour logo specifically for Big Sur. You can see both here.
The HIG for Big Sur icons states that:

In macOS 11, app icons share a common set of visual attributes, including the rounded-rectangle shape, front-facing perspective, level position, and uniform drop shadow.

To give context to your app’s purpose, you can use the icon background to portray the tool’s environment or the items it affects. [...] it often works well to let it float just above the background and extend slightly past the icon boundaries.

If we take a closer look at the below image we see all four apps having the rounded-rectangle shape but only Ajour and Xcode utilizing the idea of extending beyond the icon boundaries. This is allowed and still within the HIG for icons on Big Sur.

Screenshot 2021-04-06 at 15 19 29

@ghost
Copy link
Author

ghost commented Apr 6, 2021

I can see the commit was on November 2020, although when I open Ajour on macOS, this is how the icon appears.

It seems to take the default ajour.png icon instead of ajour_macos.png for macOS.

Screenshot 2021-04-06 at 15 34 57

@casperstorm
Copy link
Member

casperstorm commented Apr 6, 2021

I can see the commit was on November 2020, although when I open Ajour on macOS, this is how the icon appears.

It seems to take the default ajour.png icon instead of ajour_macos.png for macOS.

In order to update from the old icon to the new you need to re-download the .app again. We only update the binary when you update though the in-app updater. You can download it from here.

The icon is bundled with the .app file, which you can see here. It does not use any .png file but a .icns file.

@ghost
Copy link
Author

ghost commented Apr 6, 2021

Re-downloading the application solved the issue. Thanks!

@ghost ghost closed this as completed Apr 6, 2021
@casperstorm
Copy link
Member

Re-downloading the application solved the issue. Thanks!

Enjoy, hope you the icon fits better onto your bar :)

This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement OS - macOS Specific to macOS
Projects
None yet
Development

No branches or pull requests

1 participant