iOS7 Icon Updates

[jfelchner]

This could've been avoided by implementing #551 however we're here now, so let's discuss how we can create a transition plan for moving the icons over to a more "iOS7" style without throwing all the current icons out.

The new icon size for iOS 7 is 120px (vs 114px) Corner radius is an estimated 27px instead of 20px.

[domegranate]

@dreamnet The mask is an empty, zero-byte file, just like in Glasklart for iOS 6. I added it to Dropbox iOS7 folder just now. Without the use of AppIconMask@2x~iphone.png With AppIconMask@2x~iphone.png

[dreamnet]

@Tr1pTr0p I see what you mean - this file is needed. THX!!!

[domegranate]

Liking it so far. Any words on iPad support?

[jfelchner]

@sinfool I didn't even see that. :smile: You def get the credit!!

[ivanov007]

@sinfool totally, back then I didn't knew what were you talking about @dreamnet did you noticed that when you copy the icon to the theme folder and the app is inside folder it gets themed before you respring :smiley: this is a nice touch, about the icon replacement, that means we need to add baseplate to every icon? also there are some icons won't theme until they are 120x120, so every icon needs to be resized and "baseplated"?

[ivanov007]

since we'll update all the icons, I'm checking every bundle folder from the last release, I've found several bundles with 2 icons with different sizes and some other stuff, @jfelchner should I submit a pull request for all this? This is what I've found so far: com.alk.copilot9namapviewer <-- the icon have color com.tapulous.katyperry <-- Several bundles inside com.griffintechnology.Fail <-- 512x512 icon :confused: com.z2live.modernAirCombat <-- html file inside org.h2co3.fulldrop <-- a bundle inside com.kairosoft.gm08E <-- a bundle inside net.funforcell.awesomefacts <-- a bundle inside com.humanservices.Families <-- has an icon without extension com.joby.gorillacam <-- has an icon without extension com.popcap.ios.Bej3 <-- has a .bak icon com.fuzzyluke.fuzzycar <-- has an icon without extension se.seb.privatkund <-- has a .tmp icon com.popcap.ios.BejBlitz <-- has a .bak icon com.chase <-- has an icon without extension com.lespac.www <-- has a weird file inside com.xvision.datamannext <-- has an icon without extension com.noni.flagrace <-- has 0 bytes file

[dreamnet]

@ivanov007 No, did not realize it, nice! And yes, every icon needs a baseplate. For all Appstore icons, we need to make an empty 120x120px image, then copy the baseplate 1px from the left and 2px from the top into it and then copy the 114x114px Glasklart icon centered into the image. Done. All Cydia and Stock Icons must copied centered into a new, transparent 120x120px image and must be pushed down 2px. Done. All this and renaming the icons can be done by a script. Please check the new icon template I made.

[ivanov007]

I do checked it it looks good :+1: , I made my own but I missed the pixel above and below and now I look closer to my icons the shadow is cropped... Another thing, so from now on the new fulfillments will need to have the 120x120 baseplate right?

[jfelchner]

@dreamnet if you can give me exact step-by-step instructions on what needs done, I can process all files in the folder at one time.

1. Do this
2. Then do this
3. Then do this other thing

[jfelchner]

@ivanov007 any chance you can make the changes locally and then make one commit with all of them? Then submit a pull request?

I'd do it but since you're going through them all anyway, it might just be easier if you do them.

[ivanov007]

@jfelchner sure, what about the bundles that have 2 or more icons? should I pick one?

[jfelchner]

@ivanov007 Yep. Sounds good.

[dreamnet]

Sorry for taking so long, but I'm very busy with my work at the moment... So, here is my - step by step - suggestion for updating the existing icons for iOS7 (i'm attaching Photoshop screenshots and the basic files I made for better explanation):

---

Make an iOS7 Glasklart icon from an existing 114x114px Appstore icon without baseplate: First Step: The existing Appstore icons don't have a baseplate, but for iOS7 the baseplate is needed for all icons. So, use this image as the new background image:

Second Step: Paste the existing 114x114px icon image from our library over the newly generated image, just centered (or paste it in the left top corner and push it 3px to the right and 3px to the bottom) and you end up with this: DONE! In the result, the form of the Baseplate (114x114px rectangle with rounded corners, radius 20px) is perfect centered and the existing icon is also perfect centered in the new 120x120px image.

---

Make an iOS7 Glasklart icon from an existing 118x120px Native or Cydia icon with the baseplate: First Step: Generate a new, blank, transparent PNG-24 image with 120x120px.

Second Step: Paste the existing icon in the new, blank image and push it from left top 1px to the right and 2px to the bottom. DONE! In the result, the form of the Baseplate (114x114px rectangle with rounded corners, radius 20px) is perfect centered and the existing icon is also perfect centered in the new 120x120px image, just like the Appstore icons.

---

I hope, the above is readable (I think that's the simplest way to convert the existing Glasklart icons for iOS7) - the new Icon template is in the dropbox, I named it "Glasklart_iOS7_Icon_Template_Alpha.psd" until we are sure we are converting our existing icons in the above way.

---

Ah, and the new icon must be saved in a Folder named IconBundles, the filename must be: [XXXXXXX]@2x.png where [XXXXXXX] is the Bundle ID.

---

P.S.: I have updated the preview script for accepting 120x120px images.

[jfelchner]

@dreamnet you rock. I'm going to get on this this weekend. I'm not going to run it and commit it until we agree that Winterboard is to a state that it's viable.

[ivanov007]

I just submitted a pull request with the changes I previously stated, basically I've cleaned up every folder so it hold up just one icon i.e., in a folder with Icon.png and Icon@2x.png I leaved just Icon@2x.png also I've renamed the ones without extension and deleted all the unnecesary files (like .html, .bak and so) You can check all I've changed here After merge I think It'll be easyer to rename and insert the baseplate. Another thing, I'm getting married tomorrow so I think I won't be available the weekend so if anyone have come comments about the changes please wait until I get back

[dreamnet]

@ivanov007 Congratulations and all the best!!! :wedding: :bride_with_veil: :man: Ayayay! Tequilla! :beers: :laughing:

[jfelchner]

@ivanov007 CONGRATULATIONS! :smile:

[dreamnet]

Everyone who wants can try this out. All Icons from my website converted for iOS7 using the IconBundles method. P.S.: To see the canges I have done to the Apple stock icons for iOS7, just click here.

[quantum8]

Works fantastic so far on my 5S, thanks @dreamnet!

And congrats @ivanov007!

[ivanov007]

thanks for the good wishes, everything went very good, a very magical night on the top of Guanajuato, Mexico, if you've not been here you really have to try it @dreamnet about the the converted theme from your site, there are some icons with naming problems on my device, as example: soundhound had the old bundleidentifier (I've already updated it), for some extrange reason the app tiny wings wasn't on your site (this is the very first time I see this happen :hushed:, well there are some others from cydia my point is that this brings an opportunity, right now we have just half of the icons as issues here at git hub, I think we need all of them as issues so we can get the proper tracking, what do you guys think @glasklart/maintainers I know it's a lot of work but it will make thing easier in the future

[dreamnet]

@quantum8 Glad you like it! THX! @ivanov007 Guanajuato looks nice - I can see you on Google Earth! :laughing: Last year I was just about 2000 kilometers (or ~1250 miles) away from that point - I was in Cuba for 14 days. If I knew that you are so close to Cuba, maybe I had chatched an airplane and taked a short trip to Mexico - or swim :wink: . I have seen and talked to a lot of nice mexican people in Cuba. Well, about the wrong bundle identifiers - we don't get any kind of notification ia a bundle identifier has changed, this can only be reported in the issues here. The iTunes ID is everything that counts, the iTunes ID will never change. And I know, there about 2000 icons here in the Github repo witch are not on my website, I can add them but for this I need to know the iTunes ID and if I have only the bundle identifier the corresponding iTunes ID is hard to find. That's the main problem, to open an issue here, you will also need the iTunes ID. :frowning:

[n0mar]

So, if we use IconBundles tweak, will there be any need for "Icon Names:" section in a request since we just copy the BundleID and add @2x to the end? (for retina displays)

[ivanov007]

@noaaahh it won't be necessary any more if we choose that path

[sinfool]

Has anyone tried the theme "7ransparency" (free on BB repo)? The white version has a reverse Glasklart-ish like feel. I like the larger ios7 rounded icons & larger glyphs.

I must admit, ...as others mentioned, after playing around with a few ios7 themes, it feels like Glasklart ios7 really needs a fresh start, i.e "nystart" (used google translate BTW, lol). I think Glasklart would look much better with larger icons/glyphs.

[imaghost]

In response to the last post, I would to suggest that the new developers do not attempt a 'fresh start', or any update to the Glasklart style. Glasklart was a widely popular theme due to the unique style it offered, a style not found in iOS 7 Glasklart knockoffs such as 7ransparency and Clarity. These knockoffs are usually boring and can at times be confusing in identifying icons. To me, the wide popularity of the theme suggests that users were pleased with its design, and if it needed change, those users would have sought out themes that already offered those changes. Please don't turn Glasklart into 'New Coke': resist suggestions for a fresh style or modern update!

Whatever you decide, thank you so much for the continued work on keeping Glasklart alive, and Godspeed in your efforts.

[jfelchner]

@imaghost we're not going to drastically change anything in regards to the Glasklart look and feel. The icons will certainly need to be redone to match the new artwork for the iOS7 versions of the icons (as Glasklart has always done).

Additionally, UI elements which can be changed will be updated based on iOS layout changes + some Glasklart flare.

But we are definitely not throwing away all of the "old" icons. We will redo them one-by-one.

[jfelchner]

@dreamnet your new iOS7 stock app icons look fantastic. :)

[dreamnet]

@jfelchner THX Jeff! All is done with vectors and the sources are on my website.

[sinfool]

@imaghost You're misunderstood me. I'm a glasklart traditionalist. I've been an icon contributor all the way back to 3.x/MacThemes. Like the most interesting man in the world might say..."I don't always use themes but when I do I use Glasklart". lol

@dreamnet Beautiful icons!

[nekholm]

@dreamnet Love it! Can't wait 'til you all decide how to update the icons, so we'll have more transparent icons :smile:

Could anyone help me out setting the transparency of folder icons to the same as Glasklart icons? I'm using hiddensettings, and I've had the completely transparent, but I'd like them to match the rest of the icons. Setting Color Alpha and White Alpha to 0 makes them 100% transparent, how much should I set them to in order to match Glasklart's transparency?

[dreamnet]

@glasklart/maintainers Are we ready to use IconBundles? Can I remove the iPhone Icon Name: and Icon Names: line from the Data Crawler?? Jeff?

[jfelchner]

@dreamnet if it's been verified to work as much as we can possibly test it then I say absolutely.

Before the next release I'll go through and update all existing icons to be renamed to the bundle ID with '@2x' on the end.

[jfelchner]

I need someone to research for me what needs to happen so that when Glasklart is installed, the IconBundles package is installed as a dependency.

[dreamnet]

@jfelchner The IconBundles method does work very well. Are you on iOS7? Then you can download the bundles for iOS7 from my website and try it out.

I have removed the Icon Names-thing from the Data Crawler - we need to update our Wiki.

You can make an IconBundles folder in Glasklart Icons.theme or you can make a new folder Glasklart IconBundles.theme/IconBundles for the converted icons.

[MagnaMike]

So then the wiki guide on how to manually theme icons will have to be updated too?

[dreamnet]

@MagnaMike Yes.

[iprecious]

@dreamnet It's a follow-up on tr1ptr0p's question further up: do you see any way how to apply Glasklart to the iPad? I created a transparent AppIconMask in 152x152 and used AppIconMask@2x~ipad.png as a name. After that the Icons get square, so this step is doing SOMETHING :-)

Question is: Is there a way to go further?

[dreamnet]

@iprecious It is no problem to make a Glasklart theme for iPad - actually I have a Glasklart theme for IPad3 and newer for iOS7 ready (and I have installed it on my iPad3). But it is not possible to use the icons here for iPad, upscaling will look ugly. So all icons must be made new. I make a port in the next days...

[iprecious]

wow, didn't expect that. Before something else: THANKS!!!!

I used to set up my icons on my own any way, there just have to be what I want them to be. So the non-upgradable issue wouldn't be a problem for me. Is there a way you could upload the theme to your server?

And one follow-up question: Do you have a link where it is explained HOW the theme works? It's just been something I wanted to understand for a looooooooong time and I never found THE source which could explain me THIS question.

[dreamnet]

@iprecious No problem. I will upload the theme here if I'm finished. This will take some time, because I have to convert about 1500 icons by hand with Photoshop. A good source for theming with Winterboard is this: http://www.saurik.com/id/9 It isn't really up to date, because a lot of things don't work anymore on iOS7. :cry: Edit: ...and that's why I decided to use IconBundles for the Glasklart theme on my website.

[dreamnet]

@iprecious Released.

[iprecious]

Thanks VERY much!!!! Looking forward to tonight :-)

[Gwai]

The icons and the theme looks great, but i tried to use the tweak Ringmasker, and there the theme "Squaremasker", but it only works with unthemed icons. Is there a chance to try this iconmask or is it imposibble with glasklart?

[dreamnet]

@iprecious No problem. :wink: @Gwai I don't know what the "tweaks" Ringmasker or Sqaremasker are really doing, but I think they are just replacing the file AppIconMask@2x~ipad.png. For Glasklart this file needs to be a blank, transparent image. So it is impossible/will not look good with Glasklart.

[Gwai]

It gives the icons around a mask... And another question: the ipad theme is also nice, but could it be, that not all icons from the iphone version are included?

[dreamnet]

@Gwai Yes. Currently, there are "only" 1414 icons included - read a view comments above. The icons for the iPhone cannot simply be converted for the iPad, because for iPad bigger images are needed, so I can only include the icons that I have in bigger size. I need black/transparent images with a minimum size of 100x100px (bigger is better, up to 1024x1024px) to make Glasklart icons for the iPad.

[Gwai]

Okay thx, what do you mean with the size? Have you to make all the old icons new or can you change them?

[dreamnet]

@Gwai I have to make all icons new. The icons for iPhone (iOS7) have 120x120px, the icons for iPad3 and newer (retina) have 152x152px. Simply reisizing from 120x120px to 152x152px will look ugly. I have made all the 1414 current icons by hand with the source files I have. (You can see a lot of them on my website).

[jmaeshawn]

The Iconbundles idea is great and very handy for making the icons!

However, I've noticed problems caused by the Iconbundles package when run on an iPhone 5s... Crashes to safe mode when moving icons to the third homescreen (not the 1st or 2nd), and also causes crashes to safe mode whenever the device goes to sleep (lock button, or inactivity timeout). At first I thought the problem was with Winterboard, but Winterboard properly themes all other elements fine. The problems only occur when enabling a Iconbundles theme. Perhaps Iconbundles does not properly support 64bit devices?

Is there an alternative glaskart theme for iOS 7 that does not use Iconbundles that will suffice until the developer of the tweak provides 64bit support?

[dreamnet]

@jmaeshawn Can't check this, because I only have an old iPhone 4.... What version of IconBundles you are using? 0.1-3?