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

From WebOS Internals
Jump to navigation Jump to search
m (Step by step on how to change lock screen theme)
 
(9 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
[[Image:Background-editing.png|right]]
+
{{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]
−
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.
+
'''This is what I changed my theme to:'''
−
We'll backup the current image first incase we need to revert back to them (cp - copy).
 
  
−
<pre><nowiki>
+
[[Image:messaging_2009-06-08_172702.jpg]]
−
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 1'''
  
−
<pre><nowiki>
+
/usr/palm/applications/com.palm.app.phone/images/
−
cp /usr/palm/applications/com.palm.app.phone/images/backdrop-phone.png /media/internal/
+
ls
−
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.
+
'''Step 2'''
  
−
=== Last step===
+
cp backdrop-firstuse.png backdrop-firstuse.png.old
  
−
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 backdrop-firstuse-scroll-fade.png backdrop-firstuse-scroll-fade.png.old
  
−
<pre><nowiki>
+
cp list-section-line.png list-section-line.png.old
−
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]]
+
'''Step 3'''
  
−
Two others for consistency:
+
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:  
  
−
[[Image:Backdropphonescrollfade.png]]
+
cp /usr/palm/applications/com.palm.app.phone/images/backdrop-firstuse.png /media/internal/
  
−
[[Image:Listsectionline.png]]
+
cp /usr/palm/applications/com.palm.app.phone/images/backdrop-firstuse-scroll-fade.png /media/internal/
  
−
Thanks to desairs at the PreCentral forums for pointing me in the correct direction.
+
cp /usr/palm/applications/com.palm.app.phone/images/list-section-line.png /media/internal/
  
−
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>
+
Now click on the USB icon on the Pre's notification area, switch to USB Storage mode.
−
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:
+
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.
  
−
<pre><nowiki>
+
Once they are edit to your liking, copy the files back to the Pre in USB mode with the same file name.
−
luna-send -n 1 palm://com.palm.appinstaller/rescan {}
 
−
</nowiki></pre>
 
  
−
=== Editing the Lock Screen===
+
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.
  
−
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.
+
'''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.  
  
−
[[Image: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.
+
cp /media/internal/backdrop-firstuse.png /usr/palm/applications/com.palm.app.phone/images/
  
−
Easy fix.
+
cp /media/internal/backdrop-firstuse.png-fade.png /usr/palm/applications/com.palm.app.phone/images/
  
−
Open '''/usr/palm/applications/com.palm.app.phone/stylesheets/dialpad.css'''
+
cp /media/internal/list-section-line.png /usr/palm/applications/com.palm.app.phone/images/
−
 
 
−
Change:
 
  
−
.text-input.hinttext {
+
(''be sure to mount/remount before rebooting'')
−
  color: #bcceb3;
 
−
  font-size: 16px;
 
−
  padding: 0 60px 0 40px;
 
−
  overflow: hidden;
 
−
  white-space: nowrap;
 
−
  text-overflow: ellipsis;
 
−
}
 
  
−
to:
+
Hit ENTER then type ''reboot'' and hit ENTER again
  
−
.text-input.hinttext {
+
--[[User:Chrisana33|Chrisana33]] 00:39, 7 August 2009 (UTC)Chris
−
  color: #ffffff;
 
−
  font-size: 16px;
 
−
  padding: 0 60px 0 40px;
 
−
  overflow: hidden;
 
−
  white-space: nowrap;
 
−
  text-overflow: ellipsis;
 
−
}
 

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"