How to Fix Broken Theme Icons for iOS 5.x (Updated for 5.1.1)
After updating to 5.1.1 just recently, I decided to get a new theme for my phone. Like others have noticed, I too noticed that the Music, Photos, Mail, and Camera icons would not change no matter what theme I used. By searching all over Google (man's best friend), I found the fixed and wanted to compile a tutorial to save others some time. Without further delay, here is a tutorial on how to fix your theme's icons on iOS 5.
WARNING: THIS WORKS FOR IPHONE ONLY. I HAVEN'T TESTED THIS ON ANY OTHER I-DEVICE.
ALSO: The names are case sensitive so rename them to exactly what you see in this post.
(Ex: Icon is different from icon)
Themes Location: /Library/Themes (ALTERNATE: /var/stash/Themes.xxxxxx)
Rename whatever icon you find in each location to the new name provided in the table below. If you find something like "Icon@2xALT.png" or something similar then that is just an alternate icon given to you by your theme. Choose the image that you want to be your icon and rename it to the new name.
New File Name: Icon@2x.png
New File Name: icon.png
New File Name: Photos@2x~iphone.png
New File Name: Camera@2x~iphone.png
For those of you who know how to edit themes already and just need the new info, you can use this table. Just go to each location within your .themes folder and then rename the icon to the name provided in the "New File Name(s)" column. If you don't know how to get to your themes:
How to Find and Edit Your Theme
iFile (Edit themes straight from your iDevice)
First open iFile.
Press the back button (top left corner) until you reach the root directory.
(The root directory is when you can not back out anymore. Notice the "/" at the top meaning you are not in any folder)
Scroll through the root directory (usually you have to scroll up) until you find the folder "Library" and then press on it to enter the folder.
Scroll through the "Library" folder until you find the folder named "Themes" and press on it to enter the folder. Inside this folder are all of your themes.
Notice how all of the files have a .theme extension. Themes are basically like folders with a .theme extension on them. Locate the theme that you want to edit and press on it to enter the theme "folder". The name of the themes that you see in WinterBoard are identical to the names of the .theme folders in this folder. (Example: "black theme" = "black theme.theme")
Once you are in the theme "folder" you will see several folders but the one we want is the "Bundles" folder. Open the folder by pressing on it.
Inside the bundles folder you will find all of the different folders for each icon. When WinterBoard checks your theme, it looks for the folder that corresponds to each app and then uses the image inside of that folder. If the folder or icon doesn't exist (or is not named correctly) then WinterBoard will use the default icon image.
Now you can go back up to the list and use it to find each icon image and rename them to their proper name. First go to the location of the App's icon within your Bundles folder. Then choose one of the icon files from the list and press the blue button to the right of the file to reach the files properties. From the files properties you can rename it to the proper name given at the top.
iFunBox (For editing on the computer through a cable)
(i-FunBox | File Manager, Browser, Explorer, Transfer Tool for iPhone, iPad & iPod)
iFunbox is a tool that can be used to edit files on any iDevice as well as many other features. You can download it from the link above or here.
After installing iFunBox, open it up and connect your iDevice to your computer. When your iDevice is detected, you will see a drop down list on the left and from there you want to click the "Raw File System" option which is near the bottom. This will show you your root directory and from there we select the "Library" folder.
(Note: If the display or look of your iFunBox is different from mine and you are confused by this, then you can click on the "Switch View" button in the top right corner to see the files and folders differently)
Inside the Library folder, locate the folder named "Themes" and open it to find all of your themes inside of it. The name of the theme that you see in WinterBoard is identical to the name of the folder inside of this directory. However, the folder has the additional extension ".theme" added to it. (Example: "black theme" in WinterBoard = "black theme.theme" in the Themes folder)
There will be a "Bundles" folder within the folder that belong to your theme. Open it to find all of the folders that contain the icons for each app. In the picture below I have boxed the folders that you should be looking for in order to fix the broken icon problem.
Use the table to find the location of the icon for each app that you need to fix. Once you open the folder that belongs to the app that has a broken icon then you will see some PNG's which are the icons for your theme. If you click the "Switch View" button (which is in the top right corner) a couple times then you can actually see which icon is which. Choose which ever icon you want to use (or drop in your own) and then rename it to the proper name provided in the table at the top.
Congratulations, now your theme will work and you are good to go. I tried to cover everything for fixing your theme, but of course I'm not perfect so if you have any problems let me know.
Created by: xImaginex from IdioticCreations on YouTube