Patch Phone Editing the Lock Screen - Revision history

Chrisana33: Step by step on how to change lock screen theme

2009-08-07T00:39:14Z

Step by step on how to change lock screen theme

Jhoff80 at 05:26, 6 August 2009

2009-08-06T05:26:12Z

Hopspitfire at 23:16, 2 August 2009

2009-08-02T23:16:59Z

Hopspitfire: Changing the Dialer Background Image moved to Patch Phone Editing the Lock Screen: split page (moved dialer background -> dialer theme)

2009-07-31T17:02:01Z

Changing the Dialer Background Image moved to Patch Phone Editing the Lock Screen: split page (moved dialer background -> dialer theme)

Hopspitfire at 17:01, 31 July 2009

2009-07-31T17:01:09Z

JackieRipper at 16:54, 30 July 2009

2009-07-30T16:54:46Z

Rboatright: Background Editing moved to Changing the Dialer Background Image: Background Editing was not descriptive.

2009-07-29T21:38:23Z

Background Editing moved to Changing the Dialer Background Image: Background Editing was not descriptive.

Hopspitfire: root -> accessing linux

2009-07-28T23:20:21Z

root -> accessing linux

Jhoff80 at 08:12, 24 July 2009

2009-07-24T08:12:38Z

Jhoff80 at 08:11, 24 July 2009

2009-07-24T08:11:48Z

← Older revision		Revision as of 00:39, 7 August 2009
Line 8:		Line 8:
	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.		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.

−	[[Image:~~Background~~-~~editing~~-~~example~~.jpg]]	+	[[Image:Magic-word.jpg]]
		+
		+
		+
		+
		+
		+	'''This video helped make each step simple to follow'''
		+	[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
		+
		+
		+
		+
		+	'''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
		+
		+	--[[User:Chrisana33\|Chrisana33]] 00:39, 7 August 2009 (UTC)Chris

← Older revision		Revision as of 05:26, 6 August 2009
Line 9:		Line 9:

	[[Image:Background-editing-example.jpg]]		[[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.~~
−
−	~~Easy fix.~~
−
−	~~Open '''/usr/palm/applications/com.palm.app.phone/stylesheets/dialpad.css'''~~
−
−	~~Change:~~
−
−	~~<pre><nowiki>~~
−	~~.text-input.hinttext {~~
−	~~color: #bcceb3;~~
−	~~font-size: 16px;~~
−	~~padding: 0 60px 0 40px;~~
−	~~overflow: hidden;~~
−	~~white-space: nowrap;~~
−	~~text-overflow: ellipsis;~~
−	}
−	~~</nowiki></pre>~~
−
−	~~to:~~
−
−	~~<pre><nowiki>~~
−	~~.text-input.hinttext {~~
−	~~color: #ffffff;~~
−	~~font-size: 16px;~~
−	~~padding: 0 60px 0 40px;~~
−	~~overflow: hidden;~~
−	~~white-space: nowrap;~~
−	~~text-overflow: ellipsis;~~
−	}
−	~~</nowiki></pre>~~

← Older revision		Revision as of 23:16, 2 August 2009
Line 1:		Line 1:
		+	{{template:patch}}
	=== Editing the Lock Screen===		=== Editing the Lock Screen===

← Older revision		Revision as of 17:01, 31 July 2009
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===

@@ Line 11: / Line 11: @@
 ==== 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 accessing linux page or by searching Google.
+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.

← Older revision	Revision as of 17:02, 31 July 2009
(No difference)

← Older revision	Revision as of 21:38, 29 July 2009
(No difference)

@@ Line 119: / Line 119: @@
    text-overflow: ellipsis;
+}
-</pre></nowiki>
+</nowiki></pre>
 to:
@@ Line 132: / Line 132: @@
    text-overflow: ellipsis;
+}
-</pre></nowiki>
+</nowiki></pre>

@@ Line 110: / Line 110: @@
 Change:
   .text-input.hinttext {
    color: #bcceb3;
@@ Line 118: / Line 119: @@
    text-overflow: ellipsis;
+}
 to:
 .text-input.hinttext {
    color: #ffffff;
@@ Line 129: / Line 132: @@
    text-overflow: ellipsis;
+}