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

Fix and update app icon #32

Draft
wants to merge 2 commits into
base: master
Choose a base branch
from
Draft

Conversation

Nightcaat
Copy link

@Nightcaat Nightcaat commented Feb 7, 2024

This fixes the Smash ball logo on the app icon and removes its mask (mostly because I was too lazy to add it, but it was only required in vintage iOS versions anyway).

I also included my vector recreation so others can change and export the icon as needed.

This fixes the Smash ball logo on the app icon and removes the icon masks (the rounded corners) as they are no longer needed. It also simplifies the filenames of the icons.

For anyone who needs to make changes or export additional icons, my vector recreation is included too (I used Inkscape).

Fingers crossed my changes to Contents.json do not break backward compatibility with older versions of Xcode. And normally the author is supposed to be the bundle ID but it seems to work fine so what the heck, might as well save a few bytes.
@Nightcaat
Copy link
Author

Converting to draft as I noticed the Smash ball is just barely larger than the download progress circle and I might as well make it fit. We can also remove the smaller icon sizes and let iOS do the work, and iOS 18 added customizing icons to be dark or tinted, so those variants should be included as well.

@Nightcaat Nightcaat marked this pull request as draft September 18, 2024 03:34
@Nightcaat Nightcaat changed the title Fix Smash ball on app icon Fix and update app icon Sep 18, 2024
This tweaks the icon colors, fixes icons that were previously left unfixed due to their masks (I believe these ones are used for the Debian package), shrinks the Smash ball so it fits neatly inside the iOS download circle, minifies the SVG even further, removes unnecessary icon sizes and adds dark and tinted icons for iOS 18 users.

The icon mask uses a radius of 1.25, which seems to be correct for iOS 8 and up (older radii are untested and out of scope). You can add this in Inkscape by selecting the yellow rectangle, then selecting the rectangles and squares tool (R key) and changing the horizontal radius (Rx) and vertical radius (Ry) in the toolbar.

The tinted icon uses the grayscale filter in Inkscape with the following settings:
- Red: 0.24
- Green: 0.84
- Blue: 0.07
- Lightness: 0.16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant