Things you can theme

Updated: February 15, 2014

You may need to read the following tutorials before being able to use this article.






I've compiled a SHORT list of graphics that can be changed on the iPhone using WinterBoard or by replacing the graphics directly with SSH. I'm sure there are many other graphics out there that can be changed. Don't be discouraged just because you didn't find something documented here.

If you find a theme you like and want to know how they changed what they changed, simply install the theme then use SSH to transfer the theme to your Mac so you can analyze how they built it. You can also try programs like AppInfo and Icon Thief on Cydia to help you find where graphics are located. Pay close attention to the directory structure in which the graphic was placed in, how the graphic is named, and the dimensions of the graphic.

Depending on your iPhone you may need to change the file names to either include or exclude the @2x designator.





Application icons

           

Note 1: Starting in iOS 7, some application icons have several sizes depending on (I'm guessing) device screen resolution, and where it's being used in the system. There's 20x20, 29x29, 40x40, 58x58, 76x76, 80x80, 120x120, 152x152.

Note 2: Some applications still use the old icon naming conventions: icon.png, icon@2x.png, or icon@2x~iphone.png.

Note 3: Some icons have a captial I in their name and some don't.

Note 4: WinterBoard paths below use the names for icons found in the Ayecon theme. Different themes, may use different files. Never be afraid to experiment!


App Location of graphic WinterBoard path
App Store /Applications/AppStore.app/Appstore120.png, Appstore152.png, Appstore20.png, Appstore29.png, Appstore40.png, Appstore58.png, Appstore76.png, and Appstore80.png Theme/Bundles/com.apple.AppStore/Appstore120.png, Appstore152.png, Appstore20.png, Appstore29.png, Appstore40.png, Appstore58.png, Appstore76.png, and Appstore80.png.
Calculator /Applications/Calculator.app/icon-about@2x.png, icon-spotlight@2x.png, icon@2x.png Theme/Bundles/com.apple.calculator/icon@2x~iphone.png
Calendar /Applications/MobileCal.app/icon-about@2x.png, icon-spotlight@2x.png, icon@2x~iphone.png Theme/Bundles/com.apple.mobilecal/icon-about@2x.png, icon-spotlight@2x.png, icon@2x~iphone.png
Camera /Applications/Camera.app/Camera-Guides@2x.png, Camera-NotificationCenter@2x.png, Camera-settings@2x.png, and Camera@2x~iphone.png Theme/Bundles/com.apple.camera/Camera-Guides@2x.png, Camera-NotificationCenter@2x.png, and Camera@2x~iphone.png
Clock /Applications/MobileTimer.app/icon-about@2x.png and icon-spotlight@2x.png

/System/Library/CoreServices/SpringBoard.app/ClockIconBackgroundSquare@2x~iphone.png
Theme/Bundles/com.apple.mobiletimer/Icon-Small@2x.png, icon-spotlight@2x~iphone.png, and icon@2x.png

Theme/Bundles/com.apple.springboard/ClockIconBackgroundSquare@2x~iphone.png
Compass /Applications/Compass.app/icon-about@2x.png, icon-spotlight@2x.png, icon-table@2x.png, and icon@2x~iphone.png Theme/Bundles/com.apple.compass/icon-about@2x.png, icon-spotlight@2x.png, icon-table@2x.png, and icon@2x~iphone.png
Contacts /Applications/Contacts.app/Icon-Notifications@2x.png, Icon-Small@2x.png, Icon-Spotlight@2x.png, and Icon@2x~iphone.png Theme/Bundles/com.apple.MobileAddressBook/Icon-Notifications@2x.png, Icon-Small@2x.png, Icon-Spotlight@2x.png, and Icon@2x~iphone.png
FaceTime /Applications/FaceTime.app/Icon-FaceTime-BB@2x~iphone.png, Icon-FaceTime-Small@2x~iphone.png, and Icon-FaceTime@2x~iphone.png Theme/Bundles/com.apple.facetime/Icon-FaceTime@2x~iphone.png
Game Center /Applications/Game Center~iphone.app/Icon-Small@2x.png and icon@2x.png Theme/Bundles/com.apple.gamecenter/Icon-Small@2x.png and icon@2x.png
Game Center UI Service /Applications/GameCenterUIService.app/Icon-Small@2x.png and icon@2x.png Theme/Bundles/com.apple.gamecenter.GameCenterUIService/Icon-Small@2x.png and icon@2x.png
iTunes Store /Applications/MobileStore.app/iTunesStore120.png, iTunesStore152.png, iTunesStore20.png, iTunesStore29.png, iTunesStore40.png, iTunesStore58.png, iTunesStore76.png, and iTunesStore80.png Theme/Bundles/com.apple.MobileStore/iTunesStore40.png, iTunesStore58.png, iTunesStore80.png, and iTunesStore120.png
Mail /Applications/MobileMail.app/Icon-20@2x.png, Icon-40@2x.png, Icon-Small@2x.png, and Icon@2x.png Theme/Bundles/com.apple.mobilemail/Icon-20@2x.png, Icon-40@2x.png, Icon-Small@2x.png, and Icon@2x.png
Maps /Applications/Maps.app/icon-about@2x.png, icon-spotlight@2x.png, icon-table@2x.png, and icon@2x~iphone.png Theme/Bundles/com.apple.Maps/icon-about@2x.png, icon-spotlight@2x.png, icon-table@2x.png, and icon@2x~iphone.png
Messages /Applications/MobileSMS.app/Icon-Small@2x.png, icon.png, icon@2x~iphone.png, icon20@2x.png, and icon50@2x.png Theme/Bundles/com.apple.MobileSMS/Icon-Small@2x.png, icon.png, icon@2x~iphone.png, icon20@2x.png, and icon50@2x.png
Music /Applications/Music.app/Icon-120.png, Icon-144.png, Icon-152.png, Icon-20.png, Icon-29.png, Icon-40.png, Icon-58.png, Icon-72.png, Icon-76.png, and Icon-80.png Theme/Bundles/com.apple.Music/Icon-40.png, Icon-58.png, Icon-80.png, and Icon-120.png
Newsstand /System/Library/CoreServices/SpringBoard.app/NewsstandIconEnglish@2x~iphone.png and NewsstandIconInternational@2x~iphone.png Theme/Bundles/com.apple.springboard/NewsstandIconEnglish@2x~iphone.png and NewsstandIconInternational@2x~iphone.png
Nike /Applications/Nike.app/Icon-Small@2x.png and icon@2x.png Theme/Bundles/nike/Icon-Small@2x.png and icon@2x.png
Notes /Applications/MobileNotes.app/Notes120.png, Notes152.png, Notes20@2x.png, Notes29@2x.png, Notes72@2x.png, Notes76.png, and Notes80.png Theme/Bundles/com.apple.mobilenotes/Notes80.png and Notes120.png
Passbook /Applications/Passbook.app/Icon-Small@2x.png and icon@2x.png Themes/Bundles/com.apple.Passbook/Icon-Small@2x.png icon@2x.png
Phone /Applications/MobilePhone.app/Icon-BB@2x~iphone.png, Icon-Small@2x~iphone.png, and icon@2x~iphone.png Theme/Bundles/com.apple.mobilephone/icon@2x~iphone.png
Photos /Applications/MobileSlideShow.app/Photos-Guides@2x.png, Photos-NotificationCenter@2x.png, Photos-settings@2x.png, and Photos@2x~iphone.png Theme/Bundles/com.apple.mobileslideshow/Photos-Guides@2x.png, Photos-NotificationCenter@2x.png, Photos-settings@2x.png, and Photos@2x~iphone.png
Reminders /Applications/Reminders.app/icon@2x~iphone.png Theme/Bundles/com.apple.reminders/icon@2x~iphone.png and notificationIcon@2x.png
Safari /Applications/MobileSafari.app/icon-about@2x.png, icon-spotlight@2x.png, icon-table@2x.png, and icon@2x~iphone.png Theme/Bundles/com.apple.mobilesafari/icon-about@2x.png, icon-spotlight@2x.png, icon-table@2x.png, and icon@2x~iphone.png
Settings /Applications/Preferences.app/icon-about@2x.png, icon-spotlight@2x.png, icon-table@2x.png, and icon@2x~iphone.png Theme/Bundles/com.apple.Preferences/icon-table@2x.png and icon@2x~iphone.png
Stocks /Applications/Stocks.app/icon-about@2x~iphone.png, icon-spotlight@2x~iphone.png, icon-table@2x.png, and icon@2x~iphone.png Theme/Bundles/com.apple.stocks/Icon-Small@2x.png and icon@2x~iphone.png
Videos /Applications/Videos.app/Videos20@2x.png, Videos29@2x.png, Videos40@2x.png, and Videos60@2x~iphone.png Theme/Bundles/com.apple.videos/Videos20@2x.png, Videos29@2x.png, Videos40@2x.png, and Videos60@2x~iphone.png
Voice Memos /Applicatons/VoiceMemos.app/icon@2x.png Theme/Bundles/com.apple.VoiceMemos/Icon-Small@2x.png and icon@2x.png
Weather /Applications/Weather.app/Icon-Small@2x.png, Icon-spotlight@2x.png, Icon-table@2x.png, and icon@2x.png Theme/Bundles/com.apple.weather/Icon-Small@2x.png and icon@2x.png










Application icon mask


The way this graphic works is it sits on top of your application icon. Anything outside of the black area won't display. If you want round application icons, then simply make a round black image. If you want to remove the mask entirely then either create a transparent graphic, or rename the file. This graphic is 120x120.

Location of graphic WinterBoard path
/System/Library/PrivateFrameworks/MobileIcons.framework/AppIconMask@2x~iphone.png Theme/Bundles/com.apple.mobileicons.framework/AppIconMask@2x~iphone.png






Audio

You should be able to replace any sound on the iPhone with your own sound. Things like slide to unlock, the lock sound, e-mail, text message sounds, et cetera. For a tutorial on how to create audio files and convert them properly, along with a master list of the names of the audio files on the iPhone, click here.

In order to re-add and theme the slide to unlock sound, install the program UnlockSound7.

Location of files
/System/Library/Audio/UISounds/
WinterBoard path
Theme/UISounds/<original file name you want to replace.caf>






Battery (lock screen)


You can change the shape of the battery but you can't currently change the color. It's 278x110. If you modify the SpringBoard.strings file in the en.lproj folder you can either delete or modify the text that appears below the battery letting you know the charge percentage. You could also double the height of the battery to push it down the screen lower so that the charging text is displayed on the battery.

Location of graphic WinterBoard path
/System/Library/CoreServices/SpringBoard.app/LockScreenChargingBatteryMask@2x~iphone.png Theme/Bundles/com.apple.springboard/LockScreenChargingBatteryMask@2x~iphone.png






Battery (status bar)


This is the battery that appears in the status bar on the lock screen and on all other pages. The lock screen images are bigger. LockScreen_BatteryDrainingBG@2x.png is 58x48, and LockScreen_BatteryDrainingInsides@2x.png is 50x18, Black_BatteryDrainingBG@2x.png is 49x40, and Black_BatteryDrainingInsides@2x.png is 41x15.

Location of graphic WinterBoard path
/System/Library/Frameworks/UIKit.framework/UIKit_NewArtwork.car and/or UIKit_OriginalArtwork.car Theme/UIImages/






Camera icon (on lockscreen)


If you'd like to eliminate this graphic you can replace it with a transparent one. This way the functionality won't be affected. There are tweaks like customLS which will not only hide the icon but remove the functionality.

Location of graphic WinterBoard path
/System/Library/CoreServices/SpringBoard.app/camera-lockscreen@2x.png Theme/Folders/SpringBoard.app/camera-lockscreen@2x.png






Carrier signal strength dots


Two sets of icons are needed. One set for the lockscreen (which are larger graphics at 84x48), and one set for everything else (which are smaller graphics at 69x40).

Location of graphic
They are found in the UI Kit framework. I found a source who extracted the original artwork files. Sorry I can't help you with locating this.

Black_0_Bars@2x.png, Black_1_Bars@2x.png, Black_2_Bars@2x.png, Black_3_Bars@2x.png, Black_4_Bars@2x.png, Black_5_Bars@2x.png, LockScreen_0_Bars@2x.png, LockScreen_1_Bars@2x.png, LockScreen_2_Bars@2x.png, LockScreen_3_Bars@2x.png, LockScreen_4_Bars@2x.png, LockScreen_5_Bars@2x.png.

WinterBoard path
Theme/UIImages/

Black_0_Bars@2x.png, Black_1_Bars@2x.png, Black_2_Bars@2x.png, Black_3_Bars@2x.png, Black_4_Bars@2x.png, Black_5_Bars@2x.png, LockScreen_0_Bars@2x.png, LockScreen_1_Bars@2x.png, LockScreen_2_Bars@2x.png, LockScreen_3_Bars@2x.png, LockScreen_4_Bars@2x.png, LockScreen_5_Bars@2x.png.

Note: Some themes use the path Theme/Folders/UIKit.framework to replace these graphics. Other themes drop the .framework and theme the icons at Theme/com.apple.UIKit/






Carrier logos

In earlier versions of iOS there were graphics that could be changed to affect the carrier logo. These graphics seem to be gone. They may be located elsewhere in the file system that we can't readily change. In the mean time I'd use the program called Zeppelin.

Zeppelin adds a menu button to your Settings app and not only comes with many logos you can change on the fly (with preview images), but there are tons of themes on Cydia for Zeppelin. Chances are any logo you've though of is already on Cydia just waiting to be installed. Zeppelin also allows you to enter your own custom text in place of the carrier name.

Images are stored in /Library/Zeppelin   Many themes, if made by a good designer, may also include their own Zeppelin carrier logos for you to choose from.







Folder (when open) background


You can change the shape of this graphic but you can't currently change the color. It's 608x608. If you change the shape, it's best to speed up the opening animation with a program like Springtomize. If you don't you'll see the folder begin to open with the original rectangular shape before transforming to your new shape.

Location of graphic WinterBoard path
/System/Library/CoreServices/SpringBoard.app/FolderMask@2x~iphone.png Theme/Bundles/com.apple.springboard/FolderMask@2x~iphone.png






Phone keypad / Lockpad

The Laguna 3 theme offers two different keypad themes and also themes the keypad for entering your passcode. Currently only the dialer buttons may be themed. All images are 160x161. The files it changes are:

keypad-mask-0@2x~iphone.png
keypad-mask-0plus@2x~iphone.png
keypad-mask-1@2x~iphone.png
keypad-mask-2@2x~iphone.png
keypad-mask-3@2x~iphone.png
keypad-mask-4@2x~iphone.png
keypad-mask-5@2x~iphone.png
keypad-mask-6@2x~iphone.png
keypad-mask-7@2x~iphone.png
keypad-mask-8@2x~iphone.png
keypad-mask-9@2x~iphone.png
keypad-mask-asterisk@2x~iphone.png
keypad-mask-pound@2x~iphone.png
keypad-white-0-highlighted@2x~iphone.png
keypad-white-0@2x~iphone.png
keypad-white-0plus-highlighted@2x~iphone.png
keypad-white-0plus@2x~iphone.png
keypad-white-1-highlighted@2x~iphone.png
keypad-white-1@2x~iphone.png
keypad-white-2-highlighted@2x~iphone.png
keypad-white-2@2x~iphone.png
keypad-white-3-highlighted@2x~iphone.png
keypad-white-3@2x~iphone.png
keypad-white-4-highlighted@2x~iphone.png
keypad-white-4@2x~iphone.png
keypad-white-5-highlighted@2x~iphone.png
keypad-white-5@2x~iphone.png
keypad-white-6-highlighted@2x~iphone.png
keypad-white-6@2x~iphone.png
keypad-white-7-highlighted@2x~iphone.png
keypad-white-7@2x~iphone.png
keypad-white-8-highlighted@2x~iphone.png
keypad-white-8@2x~iphone.png
keypad-white-9-highlighted@2x~iphone.png
keypad-white-9@2x~iphone.png
keypad-white-asterisk-highlighted@2x~iphone.png
keypad-white-asterisk@2x~iphone.png
keypad-white-pound-highlighted@2x~iphone.png
keypad-white-pound@2x~iphone.png


Location of graphic WinterBoard path
/System/Library/PrivateFrameworks/TelephonyUI.framework/ Theme/Bundles/com.apple.TelephonyUI/






Wi-Fi signal strength bars


Two sets of icons are needed. One set for the lockscreen (which are larger graphics at 32x48), and one set for everything else (which are smaller graphics at 25x40). Older iPhones won't use the @2x designator in the file name.

Location of graphic
They are found in the UI Kit framework. I found a source who extracted the original artwork files. Sorry I can't help you with locating this.

Black_0_WifiBars@2x.png, Black_1_WifiBars@2x.png, Black_2_WifiBars@2x.png, Black_3_WifiBars@2x.png, LockScreen_0_WifiBars@2x.png, LockScreen_1_WifiBars@2x.png, LockScreen_2_WifiBars@2x.png, LockScreen_3_WifiBars@2x.png.

WinterBoard path
Theme/UIImages/

Black_0_WifiBars@2x.png, Black_1_WifiBars@2x.png, Black_2_WifiBars@2x.png, Black_3_WifiBars@2x.png, LockScreen_0_WifiBars@2x.png, LockScreen_1_WifiBars@2x.png, LockScreen_2_WifiBars@2x.png, LockScreen_3_WifiBars@2x.png.

Note: Some themes use the path Theme/Folders/UIKit.framework to replace these graphics. Other themes drop the .framework and theme the icons at Theme/com.apple.UIKit/







Return to top of page