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

From WebOS Internals
Jump to navigation Jump to search
(New page: http://img15.imageshack.us/img15/2849/phone20091506003639.png Preview Image == This page is for info about changing the background of the Dialer Application and the Lock Screen.== It...)
 
m (Step by step on how to change lock screen theme)
 
(12 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
[[http://img15.imageshack.us/img15/2849/phone20091506003639.png Preview Image]]
+
{{template:patch}}
 +
=== Editing the Lock Screen===
  
−
== This page is for info about changing the background of the Dialer Application and 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.
  
−
It is still in development, so please correct any errors.
+
The file that you'll want to edit is the '''backdrop-firstuse.png''' file.
  
−
=== Editing the Dialer Screen===
+
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.
  
−
We can change that green background of the dialer screen pretty easily. We just need to change three files and reboot the Pre.
+
[[Image:Magic-word.jpg]]
  
−
==== 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 a [[Portal:Accessing_Linux | rooted]] Pre as do most guides in this site. 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 rooting 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>
+
'''This video helped make each step simple to follow''' 
−
cd /usr/palm/applications/com.palm.app.phone/images/
+
[http://www.youtube.com/watch?v=rhkbrS0fGD8]
 +
 
 +
'''This is what I changed my theme to:'''
 +
 
 +
[[Image:messaging_2009-06-08_172702.jpg]]
 +
 
 +
 
 +
'''Step 1'''
 +
 
 +
/usr/palm/applications/com.palm.app.phone/images/
 
ls
 
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:
+
'''Step 2'''
  
−
<pre><nowiki>
+
cp backdrop-firstuse.png backdrop-firstuse.png.old
−
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.
+
cp backdrop-firstuse-scroll-fade.png backdrop-firstuse-scroll-fade.png.old
  
−
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.
+
cp list-section-line.png list-section-line.png.old
  
−
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.
+
'''Step 3'''
  
−
<pre><nowiki>
+
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:
−
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.
+
cp /usr/palm/applications/com.palm.app.phone/images/backdrop-firstuse.png /media/internal/
  
−
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.
+
cp /usr/palm/applications/com.palm.app.phone/images/backdrop-firstuse-scroll-fade.png /media/internal/
  
−
==== Here are my edits:====
+
cp /usr/palm/applications/com.palm.app.phone/images/list-section-line.png /media/internal/
  
−
[[http://img31.imageshack.us/img31/4630/backdropphone.png Main background image]]
 
  
−
Two others for consistency:
+
Now click on the USB icon on the Pre's notification area, switch to USB Storage mode.
  
−
[[http://img29.imageshack.us/img29/3571/backdropphonescrollfade.png Image 1]]
+
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.
  
−
[[http://img132.imageshack.us/img132/5493/listsectionline.png Image 2]]
+
Once they are edit to your liking, copy the files back to the Pre in USB mode with the same file name.
  
−
Thanks to desairs at the PreCentral forums for pointing me in the correct direction.
+
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.  
  
−
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:
+
'''Step 4 (Last)'''
 +
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>
 
−
luna-send -n 1 palm://com.palm.appinstaller/rescan {}
 
−
</nowiki></pre>
 
  
−
=== 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.
+
cp /media/internal/backdrop-firstuse.png /usr/palm/applications/com.palm.app.phone/images/
  
−
The file that you'll want to edit is the '''backdrop-firstuse.png''' file.
+
cp /media/internal/backdrop-firstuse.png-fade.png /usr/palm/applications/com.palm.app.phone/images/
  
−
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.
+
cp /media/internal/list-section-line.png /usr/palm/applications/com.palm.app.phone/images/
  
−
[[http://i44.tinypic.com/5fg6e9.jpg Example Image]]
+
(''be sure to mount/remount before rebooting'')
  
 +
Hit ENTER then type ''reboot'' and hit ENTER again
  
−
''Ported by hopspitfire''
+
--[[User:Chrisana33|Chrisana33]] 00:39, 7 August 2009 (UTC)Chris

Latest revision as of 01:39, 7 August 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.

Magic-word.jpg



This video helped make each step simple to follow [1]

This is what I changed my theme to:

Messaging 2009-06-08 172702.jpg


Step 1

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



Step 2

cp backdrop-firstuse.png backdrop-firstuse.png.old

cp backdrop-firstuse-scroll-fade.png backdrop-firstuse-scroll-fade.png.old

cp list-section-line.png list-section-line.png.old



Step 3

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:

cp /usr/palm/applications/com.palm.app.phone/images/backdrop-firstuse.png /media/internal/

cp /usr/palm/applications/com.palm.app.phone/images/backdrop-firstuse-scroll-fade.png /media/internal/

cp /usr/palm/applications/com.palm.app.phone/images/list-section-line.png /media/internal/


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.


Step 4 (Last) 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.


cp /media/internal/backdrop-firstuse.png /usr/palm/applications/com.palm.app.phone/images/

cp /media/internal/backdrop-firstuse.png-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/

(be sure to mount/remount before rebooting)

Hit ENTER then type reboot and hit ENTER again

--Chrisana33 00:39, 7 August 2009 (UTC)Chris

Retrieved from "http://wiki.webos-internals.org/index.php?title=Patch_Phone_Editing_the_Lock_Screen&oldid=3924"