App icon incorrect align (mac) #49

fzzr commented 2026年03月06日 15:49:57 +01:00

Right gap is bigger.

Screenshot 2026年03月06日 at 18.45.31

Right gap is bigger. 

krig commented 2026年03月06日 17:38:36 +01:00

Looks like the whole icon is offset vertically as well, yes... In Tahoe it looks correct, but I guess I messed up the format after all.

Looks like the whole icon is offset vertically as well, yes... In Tahoe it looks correct, but I guess I messed up the format after all.

jakubzet commented 2026年03月09日 00:03:36 +01:00

Thinking of this, though - do you have a vector version of the icon? I pressume that would be handy for various icons in future (and website as well). If not, I can prepare vectorized version if needed as a contribution to this wonderful initiative ;)

Thinking of this, though - do you have a vector version of the icon? I pressume that would be handy for various icons in future (and website as well). If not, I can prepare vectorized version if needed as a contribution to this wonderful initiative ;)

krig commented 2026年03月09日 00:21:10 +01:00

@jakubzet I do have a vector version. Well, every toad is slightly different. :D Would love more versions though!

This is the one I have:

GramEditor/website@0113acde9e/static/logo_light.svg

@jakubzet I do have a vector version. Well, every toad is slightly different. :D Would love more versions though! This is the one I have: https://codeberg.org/GramEditor/website/src/commit/0113acde9e2823f2e07e3b50a0c396581f960b68/static/logo_light.svg

krig commented 2026年03月11日 18:01:24 +01:00

Well, I've tried to fix this but I think it's still off. I'm trying to follow the official Apple icon template, but yeah, not sure what I am doing wrong... Anyway, I'm going to close this issue and hope that a UI designer shows up and creates nice icons for every platform at some point :)

Well, I've tried to fix this but I think it's still off. I'm trying to follow the official Apple icon template, but yeah, not sure what I am doing wrong... Anyway, I'm going to close this issue and hope that a UI designer shows up and creates nice icons for every platform at some point :)

kramo commented 2026年03月18日 12:41:59 +01:00

nice icons for every platform

What requirements do you have for this? :)

> nice icons for every platform What requirements do you have for this? :)

kramo commented 2026年03月18日 13:32:14 +01:00

I created a macOS icon using the new .icon format from the SVG for now, but as far as I understand, the current icons are generated using cargo-bundle from PNG sources? And that doesn't seem to support the format.

Default	Dark	Mono
image	image	image

I'd generally be interested in creating proper icons also for Linux, whatever the requirements are :)

I created a macOS icon using the new .icon format from the SVG for now, but as far as I understand, the current icons are generated using cargo-bundle from PNG sources? And that [doesn't seem to support](https://github.com/burtonageo/cargo-bundle/issues/229) the format. | Default | Dark | Mono | | ------- | ---- | ---- | |  |  |  | I'd generally be interested in creating proper icons also for Linux, whatever the requirements are :)

krig commented 2026年03月18日 13:33:34 +01:00

What requirements do you have for this? :)

Really not much! I pretty much randomly decided on the color scheme and the toad design, but I would be open to changes to either from someone with good aesthetic sensibilities. :)

> What requirements do you have for this? :) Really not much! I pretty much randomly decided on the color scheme and the toad design, but I would be open to changes to either from someone with good aesthetic sensibilities. :)

krig commented 2026年03月18日 13:34:24 +01:00

I created a macOS icon using the new .icon format from the SVG for now, but as far as I understand, the current icons are generated using cargo-bundle from PNG sources? And that doesn't seem to support the format.

Yeah that is the limitation as it stands now, but maybe that can be changed. Not sure how that works exactly.

> I created a macOS icon using the new .icon format from the SVG for now, but as far as I understand, the current icons are generated using cargo-bundle from PNG sources? And that doesn't seem to support the format. Yeah that is the limitation as it stands now, but maybe that can be changed. Not sure how that works exactly.

krig commented 2026年03月18日 13:35:57 +01:00

I'd generally be interested in creating proper icons also for Linux, whatever the requirements are :)

Nice work! Not sure I like the emboss effect especially on the dark variant but using the SVG would be a nice improvement to consistency

> I'd generally be interested in creating proper icons also for Linux, whatever the requirements are :) Nice work! Not sure I like the emboss effect especially on the dark variant but using the SVG would be a nice improvement to consistency

krig commented 2026年03月18日 13:41:22 +01:00

I created a macOS icon using the new .icon format from the SVG for now, but as far as I understand, the current icons are generated using cargo-bundle from PNG sources? And that doesn't seem to support the format.

cargo-bundle should be able to take a .icns file so should be able to get this to work!

> I created a macOS icon using the new .icon format from the SVG for now, but as far as I understand, the current icons are generated using cargo-bundle from PNG sources? And that doesn't seem to support the format. cargo-bundle should be able to take a .icns file so should be able to get this to work!

krig commented 2026年03月18日 13:43:23 +01:00

@krig wrote in #49 (comment):

I'd generally be interested in creating proper icons also for Linux, whatever the requirements are :)

Nice work! Not sure I like the emboss effect especially on the dark variant but using the SVG would be a nice improvement to consistency

OK, now I realized that the emboss effect is thanks to Liquid Glass so I guess this is to be expected :)

@krig wrote in https://codeberg.org/GramEditor/gram/issues/49#issuecomment-11781348: > > I'd generally be interested in creating proper icons also for Linux, whatever the requirements are :) > > Nice work! Not sure I like the emboss effect especially on the dark variant but using the SVG would be a nice improvement to consistency OK, now I realized that the emboss effect is thanks to Liquid Glass so I guess this is to be expected :)

kramo commented 2026年03月18日 13:58:06 +01:00

OK, now I realized that the emboss effect is thanks to Liquid Glass so I guess this is to be expected :)

It is, I do see what you mean though, it could be turned off but not adjusted or only for dark and it would look a bit out of place for the mono variant otherwise.

cargo-bundle should be able to take a .icns file so should be able to get this to work!

Right, .icns is the old format, just a couple of images at different scales. .icon is the new one, it includes SVG and JSON sources from which the icon is generated. So I wonder if there is some way to add a custom Xcode source as that would be needed for now.

> OK, now I realized that the emboss effect is thanks to Liquid Glass so I guess this is to be expected :) It is, I do see what you mean though, it could be turned off but not adjusted or only for dark and it would look a bit out of place for the mono variant otherwise. > cargo-bundle should be able to take a .icns file so should be able to get this to work! Right, .icns is the old format, just a couple of images at different scales. .icon is the new one, it includes SVG and JSON sources from which the icon is generated. So I wonder if there is some way to add a custom Xcode source as that would be needed for now.

kramo commented 2026年03月18日 13:59:07 +01:00

Oh nevermind, it can be turned off for dark only! I think I might do that.

Oh nevermind, it can be turned off for dark only! I think I might do that.

kramo commented 2026年03月18日 14:11:39 +01:00

I wonder if simply adding the directory named AppIcon.icon in resources would be enough. From the Xcode user's perspective, having this source is all you need but I'm guessing there is more going on behind the scenes.

I wonder if simply adding the directory named `AppIcon.icon` in `resources` would be enough. From the Xcode user's perspective, having this source is all you need but I'm guessing there is more going on behind the scenes.

krig commented 2026年03月18日 14:17:20 +01:00

Right, .icns is the old format, just a couple of images at different scales. .icon is the new one, it includes SVG and JSON sources from which the icon is generated. So I wonder if there is some way to add a custom Xcode source as that would be needed for now.

Aah, I see. I can have a look at it this evening, maybe we can use xcode directly and not go through cargo-bundle.

> Right, .icns is the old format, just a couple of images at different scales. .icon is the new one, it includes SVG and JSON sources from which the icon is generated. So I wonder if there is some way to add a custom Xcode source as that would be needed for now. Aah, I see. I can have a look at it this evening, maybe we can use xcode directly and not go through cargo-bundle.

kramo commented 2026年03月18日 15:15:42 +01:00

I was going to try myself as well, but after it installed 30GB of stuff and was building for ~30m using 7GB of swap, I gave up. Maybe not on my machine. I'll leave it to you :)

Here is the icon without the bevel for the dark variant.

I was going to try myself as well, but after it installed 30GB of *stuff* and was building for ~30m using 7GB of swap, I gave up. Maybe not on my machine. I'll leave it to you :) Here is the icon without the bevel for the dark variant.

krig commented 2026年03月19日 00:43:00 +01:00

@kramo Icons merged now, thank you! I am including both the AppIcon.icon file and the old style icns file in the application bundle, but replaced the PNGs with ones exported from Icon Composer from your icon bundle. Not sure what the right approach is there, I do want to make sure it works on pre-Tahoe as well.

@kramo Icons merged now, thank you! I am including both the `AppIcon.icon` file and the old style `icns` file in the application bundle, but replaced the PNGs with ones exported from Icon Composer from your icon bundle. Not sure what the right approach is there, I do want to make sure it works on pre-Tahoe as well.

kramo commented 2026年03月19日 01:11:29 +01:00

Thank you :)

Yes, this is the approach I've seen other apps take as well, including both. Although I think if you set the minimum version to <26.0, it may automatically generate an .icns for you, but I'm not 100% sure.

Thank you :) Yes, this is the approach I've seen other apps take as well, including both. Although I think if you set the minimum version to <26.0, it may automatically generate an .icns for you, but I'm not 100% sure.

kramo commented 2026年03月19日 01:13:54 +01:00

Right, but you just copy over the .icon after the fact? Does that actually work? It doesn't seem to, from what I'm looking at.

Right, but you just copy over the .icon after the fact? Does that actually work? It doesn't seem to, from what I'm looking at.

krig commented 2026年03月19日 07:18:32 +01:00

Right, but you just copy over the .icon after the fact? Does that actually work? It doesn't seem to, from what I'm looking at.

Probably need to update a plist in the application bundle, will dig around and see..

My guess would also be that cargo-bundle would have to be the one to generate the .icns file, but I wanted to do it manually since I thought it was nice that I could use different variants for the stable and dev builds..

> Right, but you just copy over the .icon after the fact? Does that actually work? It doesn't seem to, from what I'm looking at. Probably need to update a plist in the application bundle, will dig around and see.. My guess would also be that `cargo-bundle` would have to be the one to generate the `.icns` file, but I wanted to do it manually since I thought it was nice that I could use different variants for the stable and dev builds..

krig commented 2026年03月19日 07:48:38 +01:00

@kramo I figured it out and I will need to repack the bundle or fix this in cargo-bundle. Should be an easy fix at least.

@kramo I figured it out and I will need to repack the bundle or fix this in `cargo-bundle`. Should be an easy fix at least.

kramo commented 2026年03月19日 07:49:59 +01:00

I’m pretty sure that the .icon file is only a source used to generate the actual assets, so it has to be added at build time and won’t work afterwards. I don’t think the location and format of the generated icons is even API. They are just bundled in some asset file.

Before building your app, add the Icon Composer file to your Xcode project to include it in your app’s bundle. The system automatically renders your app icon for the different platforms, appearances, and sizes from your single Icon Composer file.

and for older versions

If you add an Icon Composer file to your Xcode project, it replaces any existing icon asset catalog that you previously used to represent your app icon. Xcode automatically generates a similar-looking version of the Liquid Glass icon for previous releases. If you want your existing icon to appear in previous releases, continue to use asset catalogs to represent your app icon.

https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer

I’m pretty sure that the .icon file is only a source used to generate the actual assets, so it has to be added at build time and won’t work afterwards. I don’t think the location and format of the generated icons is even API. They are just bundled in some asset file. > Before building your app, add the Icon Composer file to your Xcode project to include it in your app’s bundle. The system automatically renders your app icon for the different platforms, appearances, and sizes from your single Icon Composer file. and for older versions > If you add an Icon Composer file to your Xcode project, it replaces any existing icon asset catalog that you previously used to represent your app icon. Xcode automatically generates a similar-looking version of the Liquid Glass icon for previous releases. If you want your existing icon to appear in previous releases, continue to use asset catalogs to represent your app icon. https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer

kramo commented 2026年03月19日 07:50:23 +01:00

Nevermind, okay :)

Nevermind, okay :)

kramo commented 2026年03月19日 20:56:39 +01:00

Oh, there is tooling for building asset catalogs manually. Neat :)

Oh, there is tooling for building asset catalogs manually. Neat :)