iOS Theme Changes 4x to 5x

[KnightWing]

First, let's start with icons. The following icons have changed file names on IOS 5:

Mail
Music
Videos

Mail is located in var/stash/themes/Folder.theme/Bundles/com.apple.mobilemail

is now named "Icon@2x.png" with a capital "I" instead of a lowercase "i"

Music is located in var/stash/themes/Folder.theme/Folders/Music~iphone.app

it is now named "icon@2x.png"

Videos is located in var/stash/themes/Folder.theme/Folders/Videos.app or var/stash/themes/Folder.theme/Bundles/com.apple.videos

it is now named "icon@2x.png"
-----------------------------------------
These are the new icons:

Newsstand
Reminders

Newsstand is located in var/stash/themes/Folder.theme/Folders/Springboard.app or var/stash/themes/Folder.theme/Folders/Bundles/com.apple.springboard

Newsstand is named "NewsstandIconBackground@2x.png"

Reminders is located in var/stash/themes/Folder.theme/Folders/Reminders.app or in var/stash/themes/Folder.theme/Bundles/com.apple.reminders

Reminders is named "icon@2x.png"
-----------------------------------------

Ok, now for the UI

I'm not going to name every single file, as some of the changes just require you to rename the folder (which is a hell of alot easier )

We are first going to tackle the statusbar UI (which is completely changed on IOS 5)

Ok, first navigate to var/stash/themes/Folder.theme/UIImages

In there, you see images starting with "Silver" or "Black"

You want to create an extra set of the "Black" images by copying them all, and renaming them in that same folder. Do the same with "Silver" images. You should have two sets of "Silver" images and two sets of "Black" images in your UIImages folder now.

For all of the images that start with "Silver" you are going to just replace the "Silver" part in the name to "ColorOnGrayShadow". For example, you would rename "Silver_0_Bars@2x.png" to "ColorOnGrayShadow_0_Bars@2x.png". Do not change the Silver_Base@2x.png image at all, it stays the same in IOS 5.

For the second set of "Silver" images, you will want to do the same as you did with "ColorOnGrayShadow", except replace "Silver" with "ColorOnBlackShadow" instead.

Now for Black images (hang with me people XD)

Replace the first set of "Black" images to "WhiteOnBlackShadow". This is the EXACT same process as the instructions above, just replace the "Black" part of the name with "WhiteOnBlackShadow". Also, do not rename the "Black_base@2x.png" image, it stays the same on IOS 5.

Now for the second set of "Black" images you made earlier: replace the word "Black" with "WhiteOnBlackEtch".

And that is it for statusbar UI
-----------------------------------

Now for iPod UI:

The folder is located in var/stash/themes/Folder.theme/Bundles/com.apple.mobileipod


As you might notice, a few elements in the music app are not themed on IOS 5. This is a very simple fix. Rename the com.apple.iPod (or just make a copy of the folder and rename that copied folder name) to com.apple.iPodUI . That fixes it

-----------------------------------

Progress gears (this one's the biggest pain in the azz to be honest haha)

Change the progress gears with only the word "gray@2x.png" at the end to the following respectively:

UIActivityIndicatorViewStyleGray.0@2x.png to UIActivityIndicatorViewStyleGray.11@2x.png

Change the progress gears with only the word "graysmall@2x.png" at the end to the following respectively:

UIActivityIndicatorViewStyleGraySmall.0@2x.png to UIActivityIndicatorViewStyleGraySmall.15@2x.png

Change the progress gears with only the word "white@2x.png" at the end to the following respectively:

UIActivityIndicatorViewStyleWhite.0@2x to UIActivityIndicatorViewStyleWhite.0@2x

Change the progress gears with only the word "whitelarge@2x.png" at the end to the following respectively:

UIActivityIndicatorViewStyleWhiteLarge.0@2x to UIActivityIndicatorViewStyleWhiteLarge.11@2x

Change the progress gears with only the word "whitesmall@2x.png" at the end to the following respectively:

UIActivityIndicatorViewStyleWhiteSmall.0@2x to UIActivityIndicatorViewStyleWhiteSmall.15@2x.png

-----------------------------

UISearch bar (image located in SMS app)

Navigate to var/stash/themes/Folder.theme/UIImages

Copy "UISearchBarBackground@2x.png" and name the copy "UISearchBarBlueBackground@2x.png"

-----------------------------

Chatkit is also changed on IOS 5

Go to var/stash/themes/Folder.theme/Bundles/com.apple.chatkit or var/stash/themes/Folder.theme/Folders/ChatKit.framework

Make a copy of Balloon_2@2x.png and name it "Balloon_Blue@2x.png

Make a copy of "SendButton@2x.png" and name it "SendButtonGreen@2x.png"

Make a copy of "SendButtonPressed@2x.png" and name it "SendButtonPressedGreen@2x.png"

-------------------------------

These are the list of file changes, I will add the list of new images later. Feel free to ask questions, and enjoy peeps

Also, I will provide a template you can download of the basic setup, and also, "Folder.theme" is the name of the theme you are porting. This takes a large amount of time, especially when done right, and the first time. I've ported several themes, and I will be adding to this tutorial, it's just that my fingers are killing me now haha.




***This guide is completely done by yours truly, if you decide to post this somewhere else, please include credit to me, as this took a while . Thank you***

[Q_ban_b]

Thanks bro. I have a thread here for a complete stock 4S ios5 theme too

[Slate004]

Beautifully written post ... Extremely informative and helpful. Thanks for taking the time to share this.

[zfrost]

Nice post. hope there is something like this written for when iOS6 comes out. I have A LOT to update lol