HowTo: Change iPhone’s Fonts Color To ANY Color You Want

Tue, Aug 25, 2009

Everybody knows that im not such a big fan of themes. But most of you guys out there love this eye candy and who can blame you? The thing is that sometime , depending on the theme, some default iPhone/iTouch elements can blend too well, and you might not be able to read what it should be written there (i.e the clock ).

There is a simple fix for that, and it involves a text editor, SSH and hex values. Woahhh, dont back off now WTF?!?! this is really really easy, you will see… The beauty of this mod can be turned ON or OFF via Winterboard.

Yeah, i know… at this point, the screenshot above means nothing. So let’s start the tutorial and see how easy it is:

1. Make a new folder on your desktop. Call it however you want. I called mine FSM…

2. Open a text editor. On OSX i use TextMate ( use what ever u want ) , on Windows use Notepad.

3. Copy-Paste the following code in your new document

<?xml version=”1.0″ encoding=”UTF-8″?>
<!DOCTYPE plist PUBLIC “-//Apple//DTD PLIST 1.0//EN” “http://www.apple.com/DTDs/PropertyList-1.0.dtd”>
<plist version=”1.0″>
<dict>
<key>NavigationBarStyle</key>
<string>1</string>
<key>UndockedIconLabelStyle</key>
<string>/*font-family: monospace;*/ font-size: 13px; color: Hex_Value</string>
<key>DockedIconLabelStyle</key>
<string>/*font-family: monospace;*/ font-size: 13px; color: Hex_Value</string>
<key>TimeStyle</key>
<string>/*font-family: monospace;*/ font-size: 16px; color: Hex_Value</string>
</dict>
</plist>

NOTE1:

notice that you have 3 locations: NavigationBarStyle , UndockedIconLabelStyle, TimeStyle . You can change the font color for all of the locations, or just one . You choose what colors you want to use. If you want to change only the color of the clock ( TimeStyle ), for example, the other two , you will leave blank.

NOTE2:

What is a “Hex Value” ? In mathematics and computer science, hexadecimal (also base-16, hexa, or hex) is a numeral system with a radix, or base, of 16. It uses sixteen distinct symbols, most often the symbols 0–9 to represent values zero to nine, and A, B, C, D, E, F (or a through f) to represent values ten to fifteen. You still have no idea , i know. When it comes to colors, hex value is basically the RGB value represented by 6 digits and letters. Those 6 digits and letters are taken two by two and they represent the value of R G and B.
How to get “Hex Values” ? This is extremely simple. I use Photoshop for this. If you use Photoshop, i dont need to explain you how to get a hexa color, although i will have a screenshot below. If you dont use/have any photo editing software on your computer, there are plenty of sites on the www. that you can use for this. For example , go here, and play with the RGB sliders until you get the color you want. Than copy paste the hexa code in your document. DO NOT COPY THE #

PhotoShop

Site

Once you got the color(s) that you want copy-paste the hex value of the color(s) in the code you got above.
Save the document as Info.plist and put it inside the folder you created on your desktop
Now via SSH, go to /private/var/stash/Themes.xxx and place the folder there
Now load Winterboard ( see first pic at the top of the post ) and activate your mod.