Modding MobileCal, Maps Images & UISounds

Modding MobileCal images, Maps images and UISounds,  by Meefmaster (Feel free to discuss this tutorial on our forums).

So, you’ve started making themes/ modding images in your phone. But, after a while, you hit a wall. As I have not seen some of these customizations on Cydia,  I decided to write a tutorial for everyone.

First off, you need to get the basics of making a winterboard theme with the intent of putting it on Cydia. You need to package all the files in a specific order. If you aren’t quite there yet, check this guide out on how to package your theme.   

Some repositories would like you to package it as a .deb file, others would like a zip/tar/rar/gz. Try to always e-mail a screenshot also. 

Things you will need or need to know how to do:

1) An SSH program Fugu, Cyberduck, (Mac)   WinSCP, Putty (Win)
2) A good Photo/ Image editor. For OS X, Seashore or GIMP are great for free. GIMP is also available for windows.
3) A way to decrypt some of the images that are “hidden” by Apple.  There is a web-based converter here.
4) How to retrieve and decrypt the other.artwork files tutorial. ( If you want to go for a complete theme.)

O.K., now for the fun part: First things first, getting the files you want from the phone, using one of the  SSH programs listed above. Log in as root.

We will start with MobileCal. There are 3 sets of files you’ll need to get.

To fully modify everything in the Calendar you need to also modify some of the UI Images. If you do this, your theme will change the bottom bar and buttons for the entire UI. If a complete theme is set above your Calendar theme, it should override those images.

1) Heres what you need for the UI Images folder:

GradientFill.png
TopShine.png
UIButtonBarDefaultBackground.png
UIButtonBarDefaultBackgroundSmall.png
UIButtonBarMiniButton.png
UIButtonBarMiniButtonPressed.png
UINavigationBarBlackOpaqueBack.png
UINavigationBarBlackOpaqueBackground.png
UINavigationBarDefaultBackground.png
UINavigationBarDefaultButton.png
UINavigationBarDefaultButtonPressed.png
UINavigationBarDefaultTallBackground.png
UINavigationBarDoneButton.png
UINavigationBarDoneButtonPressed.png
UINavigationBarMiniDefaultBackground.png
UINavigationBarMiniDefaultButton.png
UINavigationBarMiniDefaultButtonPressed.png
UINavigationBarMiniDoneButton.png
UISegmentBarButton.png
UISegmentBarButtonHighlightedFill.png
UISegmentBarButtonHighlightedLeftCap.png
UISegmentBarButtonHighlightedRightCap.png
UISegmentBarDivider.png
UISegmentBarDividerHighlighted.png
UISegmentBorderedButton.png
UISegmentBorderedButtonHighlightedFill.png
UITintedButtonHighlight.png
UITintedButtonMask.png
UITintedButtonShadow.png
UITintedGlassButtonGradient.png
UITintedGlassButtonHighlight.png
UITintedGlassButtonMask.png
UITintedGlassButtonShadow.png
UITintedMiniBackButtonHighlight.png
UITintedMiniBackButtonMask.png
UITintedMiniBackButtonShadow.png
UITintedMiniBottomBarHighlight.png
UITintedMiniButtonHighlight.png
UITintedMiniButtonMask.png
UITintedMiniButtonShadow.png
UITintedMiniTopBarHighlight.png
UITintedSegmentedBarDivider.png
UITintedSegmentedBarDividerSelected.png
UITintedSegmentedBarHighlight.png
UITintedSegmentedBarHighlightSelected.png
UITintedSegmentedBarMask.png
UITintedSegmentedBarMaskSelected.png
UITintedSegmentedBarShadow.png
UITintedSegmentedBarShadowSelected.png
UITintedTopBarHighlight.png
UITintedTopBarHighlightTall.png
UIUnreadIndicator.png

2) Here’s what you need to go in the “Folders” folder of your theme: In the Applications directory /var/stash/Applications of your iPhone. Copy MobileCal.app to your computer. These are the files you’ll be working with:

Default-calinvite.png
Default-calinvitelist.png
Default-Editor.png
Default.png
invites.png
monthdaytile_disabled.png
monthdaytile_selected.png
monthdaytile.png
monthdaytilemarker_disabled.png
monthdaytilemarker_selected.png
monthdaytilemarker.png
monthdaytilemarkertoday.png
monthgradient.png
monthshadow.png

You have to remove the .app extension to view these files.

3) This part is the pain in the butt. Copy these files from your iPhone. They are located in:

/System/LibraryPrivateFrameworks/CalendarUI.framework 

bannergradient.png
commentarrow_pressed.png
commentarrow.png
dayalldaysplitter.png
dotshine.png
leftarrow.png
occurrencemask1.png
occurrencemask2.png
occurrencemask30.png
occurrencepressed1.png
occurrencepressed2.png
occurrencepressed30.png
occurrenceshine1.png
occurrenceshine2.png
occurrenceshine30.png
occurrencestroke1.png
occurrencestroke2.png
occurrencestroke30.png
occurrencetentative1.png
occurrencetentative2.png
occurrencetentative30.png
responsebutton_pressed.png
responsebutton.png
responsebuttonselected_pressed.png
responsebuttonselected.png
rightarrow.png
tentativeoutline_pressed.png
tentativeoutline.png
textgradient.png

All of the above files from Private.frameworks are encrypted and need to be decrypted for you to view/edit them. Use the web-based editor mentioned above to convert these files.  Browse for the files then click “shoot”. Once they show up in your browser, right click and save the image. TIP: Don’t click the red click here text, click the back button in your browser. This keeps finder/ explorer in the same directory you were in instead of going back to default. The files are saved with a bunch of numbers in front of the actual file name. I always delete this and just put one of the same letter in front of each of the filenames, which keeps them organized until you are ready to re- package everything.

I will leave the actual artwork/modification part up to you.