Patch Phone Edit Dialer Theme

This page is for info about changing the theme of the Dialer Application. It is still in development, so please correct any errors.

This guide involves much the same process as demonstrated in the tutorial on changing the background. Most of the text here has been borrowed from that article, as it is written very well.

---

Installing the new Dialer Theme

The theme I (Jwborc39963 [palmkernel on IRC]) created is shown to the right. You can download the files I modified here

Another theme made by Abyssul (on IRC and PreCentral.net). Similar to Jwborc39963, but blue instead of green:
Screenshot
Theme Download

This guide assumes that you have already rooted your phone.

STEP ONE:

Open the SSH session and we'll open this directory (cd - change directory) and look at it's contents (ls - listing)

cd /usr/palm/applications/com.palm.app.phone/images/
ls

STEP TWO:

You'll see a long list of files that are in this directory. We'll backup the current images to the USB accessible storage first in case we need to revert back to them (cp - copy)

cp /usr/palm/applications/com.palm.app.phone/images/dialpad-backspace.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/address-book.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/dialpad-row4dtmf.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/dialpad-row4.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/dialpad-row3dtmf.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/dialpad-row3.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/dialpad-row2dtmf.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/dialpad-row2.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/dialpad-row1dtmf.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/dialpad-row1.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/list-section-line.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/backdrop-phone-scroll-fade.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/backdrop-phone.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-dtmfpad.png  /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-call-log.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-voicemail.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-dtmfpad.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-contactbook.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-addcall.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-addcontact.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-mute.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-redial.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-sms.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-speaker.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-speaker-bluetooth.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-speaker-external.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-speaker-internal.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-icon-unlock.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-popup-bluetooth.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-popup-bluetooth-headset.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-popup-bluetooth-headset-tty.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-popup-bluetooth-internal.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/menu-popup-bluetooth-speaker.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/missed-call-background.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/popup-icon-dropped.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/popup-icon-error.png /media/internal/
cp /usr/palm/applications/com.palm.app.phone/images/popup-icon-missed.png /media/internal/

STEP THREE:

Now click on the USB icon on the Pre's notification area, and switch to USB Storage mode.

You can now copy the files off of the Pre and edit them any way you want, just make sure they have the same properties as the orig (transparency, file extention, etc). The 'background editing' article mentions to keeps these files the same size, however I did not and the phone still worked. I already created a theme (the one pictured above) and will upload the images later today. I changed the colors on the buttons using paint.net and the 'change color' brush. It was time consuming, but I think it was worth it.

Once they are edited to your liking, copy the files back to the Pre in USB mode with the same file name.

Edit & Discussion (by ultraBlack): It might be easier to use SFTP to do this.

popup-icon-missed.png
popup-icon-error.png
popup-icon-dropped.png
missed-call-background.png
menu-popup-bluetooth-speaker.png
menu-popup-bluetooth-internal.png
menu-popup-bluetooth-headset-tty.png
menu-popup-bluetooth-headset.png
menu-popup-bluetooth.png
menu-icon-unlock.png
menu-icon-speaker-internal.png
menu-icon-speaker-external.png
menu-icon-speaker-bluetooth.png
menu-icon-speaker.png
menu-icon-sms.png
menu-icon-redial.png
menu-icon-mute.png
menu-icon-addcontact.png
menu-icon-addcall.png
menu-icon-contactbook.png
menu-icon-dtmfpad.png
menu-icon-voicemail.png
menu-icon-call-log.png
menu-icon-dtmfpad.png
backdrop-phone.png
backdrop-phone-scroll-fade.png
list-section-line.png
dialpad-row1.png
dialpad-row1dtmf.png
dialpad-row2.png
dialpad-row2dtmf.png
dialpad-row3.png
dialpad-row3dtmf.png
dialpad-row4.png
dialpad-row4dtmf.png
address-book.png
dialpad-backspace.png

STEP FOUR:

Eject your Pre from your computer, wait for WiFi to log back into your network, and SSH into the Pre again. Your old window probably timed out by now, so you can close it. We'll need to get the files back to the correct location, so we'll use the copy (cp) command to do this.

cp /media/internal/popup-icon-missed.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/popup-icon-error.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/popup-icon-dropped.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/missed-call-background.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-popup-bluetooth-speaker.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-popup-bluetooth-internal.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-popup-bluetooth-headset-tty.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-popup-bluetooth-headset.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-popup-bluetooth.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-unlock.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-speaker-internal.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-speaker-external.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-speaker-bluetooth.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-speaker.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-sms.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-redial.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-mute.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-addcontact.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-addcall.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-contactbook.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-dtmfpad.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-voicemail.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-call-log.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/menu-icon-dtmfpad.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/backdrop-phone.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/backdrop-phone-scroll-fade.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/list-section-line.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/dialpad-row1.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/dialpad-row1dtmf.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/dialpad-row2.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/dialpad-row2dtmf.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/dialpad-row3.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/dialpad-row3dtmf.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/dialpad-row4.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/dialpad-row4dtmf.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/address-book.png /usr/palm/applications/com.palm.app.phone/images/
cp /media/internal/dialpad-backspace.png /usr/palm/applications/com.palm.app.phone/images/

Once this is done, exit the SSH session (type 'exit') and reboot the Pre from the Device Info menu. When it comes back up you should see your new theme on the dialpad screen.

---

Edit: Wouldn't this be a million times easier with wildcards? Edit: Also might suggest creating a folder in /media/internal rather than putting all this stuff in the root dir. Could get messy. Also if you use a hidden dir on /media/internal I think it will prevent the images from showing up in the photo browser on the phone. Maybe add "mkdir /media/internal/.theme/" and "mkdir /media/internal/.theme/dialer".

Please feel free to edit this page if you think something can be done better. This is how I did it, and I figured people could copy/paste into terminal/PuTTY, however if you see something that you think can be done better in this tutorial, please edit it for the better!

Sorry, my mistake. The change needs to be redone in 1.0.3, but it does work correctly after redoing it. -jhoff80