HOW TO: Change Every UI Element Of Your iPhone

murdaFSM

Most of you know that i pretty much don’t like iPhone themes, and that is because 1.most of them are butt-ugly 2.the ones i like, takes too much RAM and I prefer having my iPhone theme free. I got to admit though, that lately I’m flirting with a slightly modified version of GT theme found in Cydia store.

Well it seems I’m not the only “theme hater” out there, but sometimes there is the desire to customize the look and feel of your iPhone. That’s one of the benefits that comes once you jailbreak your iDevice , right? You still can customize pretty much every single UI element of your iDevice, without having to install any theme. If you have some badass graphics , all you need to do is to SSH into your iDevice, and replace the original files.

NOTE: backup everything

  FSM EXCLUSIVE DEAL

AdGuard AdBlock- 30% off AdGuard VPN - 80% off AdGuard DNS - 20% off

NOTE: be aware that some graphics may not be changed back to the original state. if that is the case, your only option is to restore your iDevice..

LockScreen

  • Unlock Text – /System/Library/Frameworks/TelephonyUI.framework/bottombarlocktextmask.png
  • Slider Bar – System/Library/Frameworks/TelephonyUI.framework/bottombarknobgray.png

Battery Charging Screen

  • Battery Background – /System/Library/CoreServices/SpringBoard.app/BatteryBG_1.png-BatteryBG_17.png

SpringBoard

  • Calculator Icon – /Applications/Calculator.app/icon.png
  • Maps Icon – /Applications/Maps.app/icon.png
  • Calendar Icon – /Applications/MobileCal.app/icon.png
  • Mail Icon – /Applications/MobileMail.app/icon.png
  • iPod Icon – /Applications/MobileMusicPlayer.app/icon.png
  • Notes Icon – /Applications/MobileNotes.app/icon.png
  • Phone Icon – /Applications/MobilePhone.app/icon.png
  • SMS Icon – /Applications/MobileSMS.app/icon.png
  • Safari Icon – /Applications/MobileSafari.app/icon.png
  • Camera Icon – /Applications/MobileSlideShow.app/icon-Camera.png
  • Photos Icon – /Applications/MobileSlideShow.app/icon-Photos.png
  • Clock Icon – /Applications/MobileTimer.app/icon.png
  • Settings Icon – /Applications/Preferences.app/icon.png
  • Stocks Icon – /Applications/Stocks.app/icon.png
  • Weather Icon – /Applications/Weather.app/icon.png
  • YouTube Icon – /Applications/YouTube.app/icon.png
  • Dock – /System/Library/CoreServices/SpringBoard.app/SBDockBG2.png

General

  • Ringer background when you use volume keys – /System/Library/CoreServices/SpringBoard.app/hud.png
  • Badge (alert bubble for calls, sms, etc.) – /System/Library/CoreServices/SpringBoard.app/SBBadgeBG.png
  • Top info bar – /System/Library/CoreServices/SpringBoard.app/FST_BG.png

Carrier Logo ( more details here )

  • Lighter one – /System/Library/CoreServices/SpringBoard.app/FSO_CARRIER_ATT.png
  • Darker one – /System/Library/CoreServices/SpringBoard.app/Default_CARRIER_ATT.png

Signal Strength

  • /System/Library/CoreServices/SpringBoard.app/FSO_0_Bars.png-FSO_5_Bars.png
  • /System/Library/CoreServices/SpringBoard.app/Default_0_Bars.png-Default_5_Bars.png

WiFi Bars

  • /System/Library/CoreServices/SpringBoard.app/FSO_0_AirPort.png
  • /System/Library/CoreServices/SpringBoard.app/FSO_1_AirPort.png
  • /System/Library/CoreServices/SpringBoard.app/FSO_2_AirPort.png
  • /System/Library/CoreServices/SpringBoard.app/FSO_3_AirPort.png
  • /System/Library/CoreServices/SpringBoard.app/Default_0_AirPort.png
  • /System/Library/CoreServices/SpringBoard.app/Default_1_AirPort.png
  • /System/Library/CoreServices/SpringBoard.app/Default_2_AirPort.png
  • /System/Library/CoreServices/SpringBoard.app/Default_3_AirPort.png

Power on Screen

  • Logo – /System/Library/CoreServices/SpringBoard.app/applelogo.png

Power Off Screen

  • Power off slider – System/Library/Frameworks/TelephonyUI.framework/bottombarknobred.png

Calculator

  • Background – /Applications/Calculator.app/CalculatorBackground.png
  • Screen Background – /Applications/Calculator.app/LCDBackground.png

iPod

  • Rating Stars – /Applications/MobileMusicPlayer.app/star_filled.png

Phone

  • Keypad – /Applications/MobilePhone.app/BarDialer_Sel.png

SMS

  • Input Field (Bubble where you type you’re text message) – /Applications/MobileSMS.app/BalloonInputField.png
  • Balloon 1 (Bubble where sent text messages are) – /Applications/MobileSMS.app/Balloon_1.png
  • Balloon 2 (Bubble where received text messages are) – /Applications/MobileSMS.app/Balloon_2.png
  • Bottom Bar Background (Background behing the text input field) – /Applications/MobileSMS.app/MessageEntryBG.png

Safari

  • URL Bar (Idle) – /Applications/MobileSafari.app/Url.png
  • URL Bar (Inactive) – /Applications/MobileSafari.app/UrlInactive.png
  • URL Bar (Active) – /Applications/MobileSafari.app/UrlProgress.png

Mail

  • Trashcan – /System/Library/PreferenceBundles/MobileMailSettings/trashmbox.png

Other

  • Bluetooth – /System/Library/CoreServices/SpringBoard.app/FSO_Bluetooth.png
  • Background bar color HomeScreen – /System/Library/CoreServices/SpringBoard.app/FSO_BG.png
  • Background bar color Lock mode – /System/Library/CoreServices/SpringBoard.app/FST_BG.png
  • Background bar color for all other screens (Text, Safari, Mail, etc.) – /System/Library/CoreServices/SpringBoard.app/default_BG.png

Sizes of iPhone UI Elements

  • Window (including status bar) 320 x 480px
  • Status Bar 20 px
  • View inside window (visible status bar) 320 x 460
  • Navigation Bar 44 px
  • Nav Bar Image / Toolbar Image up to 20 x 20 px (transparent PNG)
  • Tab Bar 49 px
  • Tab Bar Icon up to 30 x 30 px (transparent PNGs)
  • Text Field 31 px
  • Height of a view inside a navigation bar 416 px
  • Height of a view inside a tab bar 411 px
  • Height of a view inside a navbar and a tab bar 367 px
  • Portrait Keyboard height 216 px
  • Landscape Keyboard height 140 px
  • iPhone app icon size 57×57 px

If you have any other info, please let us know so we can update this article. Thx.