Difference between revisions of "Patch Phone Editing the Lock Screen"

From WebOS Internals
Jump to navigation Jump to search
m
Line 1: Line 1:
[[Image:Background-editing.png|right]]
 
 
== This page is for info about changing the background of the Dialer Application and the Lock Screen.==
 
 
It is still in development, so please correct any errors.
 
 
=== Editing the Dialer Screen===
 
 
We can change that green background of the dialer screen pretty easily. We just need to change three files and reboot the Pre.
 
 
==== Since this is a simple change that several people may want to accomplish, I'm going to be very granular about how to perform this task.====
 
 
This does require [[Portal:Accessing_Linux | access to the Pre's operating system]]. Please follow these steps first. Then open a SSH window to the Pre (either using "ssh -p 222 LOGIN_NAME@PALM_PRE_IP" or use a tool like PuTTY in Windows) You can find more information about this in the accessing linux page or by searching Google.
 
 
I started with a simple change because I don't have the Photoshop skills needed, I just made the current images black and white using Paint.net.
 
Here are the steps I took:
 
 
Open the SSH session and we'll open this directory (cd - change directory) and look at it's contents (ls - listing).
 
 
<pre><nowiki>
 
cd /usr/palm/applications/com.palm.app.phone/images/
 
ls
 
</nowiki></pre>
 
 
You'll see a long list of files that are in this directory, we'll only use three today, but more editing may come in the future.
 
We'll backup the current image first incase we need to revert back to them (cp - copy).
 
 
<pre><nowiki>
 
cp backdrop-phone.png backdrop-phone.png.old
 
cp backdrop-phone-scroll-fade.png backdrop-phone-scroll-fade.png.old
 
cp list-section-line.png list-section-line.png.old
 
</nowiki></pre>
 
 
If we do another listing (ls) we'll see the three files we just copied to make backups.
 
 
Next we'll need to copy (cp) the files to the location of the USB drive so that we'll be able to edit these files:
 
 
<pre><nowiki>
 
cp /usr/palm/applications/com.palm.app.phone/images/backdrop-phone.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/list-section-line.png /media/internal/
 
</nowiki></pre>
 
 
Now click on the USB icon on the Pre's notification area, 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, size, file extention, etc). I didn't create these image below, they are just edited from the Palm Pre. You can use any 360 x 420 PNG to achieve these results.
 
 
Once they are edit to your liking, copy the files back to the Pre in USB mode with the same file name.
 
 
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.
 
 
=== Last step===
 
 
Now we'll need to get the files (all 3 if you edited them) back to the correct location, so we'll use the copy (cp) command to do this.
 
 
<pre><nowiki>
 
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/
 
</nowiki></pre>
 
 
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 background on the dialpad screen.
 
 
If you are going to use the files I edited you'll just need to copy them to the USB drive, and then complete the last step.
 
 
==== Here are my edits:====
 
 
[[Image:Backdropphone.png]]
 
 
Two others for consistency:
 
 
[[Image:Backdropphonescrollfade.png]]
 
 
[[Image:Listsectionline.png]]
 
 
Thanks to desairs at the PreCentral forums for pointing me in the correct direction.
 
 
If you want to use these modified images, you can download them directly to the directory and replace the files you backed up with cp.
 
 
<pre><nowiki>
 
wget http://img31.imageshack.us/img31/4630/backdropphone.png -O /usr/palm/applications/com.palm.app.phone/images/backdrop-phone.png
 
wget http://img29.imageshack.us/img29/3571/backdropphonescrollfade.png -O /usr/palm/applications/com.palm.app.phone/images/backdrop-phone-scroll-fade.png
 
wget http://img132.imageshack.us/img132/5493/listsectionline.png -O /usr/palm/applications/com.palm.app.phone/images/list-section-line.png
 
</nowiki></pre>
 
 
Then to reload you can try the following command instead of a reboot:
 
 
<pre><nowiki>
 
luna-send -n 1 palm://com.palm.appinstaller/rescan {}
 
</nowiki></pre>
 
 
 
=== Editing the Lock Screen===
 
=== Editing the Lock Screen===
  

Revision as of 18:01, 31 July 2009

Editing the Lock Screen

Changing the Lock Screen background is easy as well. In fact, the image resides in the same directory as the dialer's background.

The file that you'll want to edit is the backdrop-firstuse.png file.

Simply follow the directions above for copying the files out and back into the /usr/palm/applications/com.palm.app.phone/images/ folder, reboot and your lock screen background is changed.

Background-editing-example.jpg

Editing the "Enter Number or Name..." Text Color

It was driving me slightly crazy that there's a slight greenish tint to the writing above the dialpad.

Easy fix.

Open /usr/palm/applications/com.palm.app.phone/stylesheets/dialpad.css

Change:

 .text-input.hinttext { 
  color: #bcceb3;
  font-size: 16px;
  padding: 0 60px 0 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

to:

.text-input.hinttext { 
  color: #ffffff;
  font-size: 16px;
  padding: 0 60px 0 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}