[Sprint HTC EVO 4G LTE] EVOuser94:
How to make your own Recovery Theme (TWRP)

So in order to be Publicly Available with theme building for TWRP I give you this post...

Update - 11/19/2014

It Starts with a journey using ADB (Android Debugging Bridge). You have to have your phone booted into RECOVERY and connected to your PC, you simply open a Command prompt on your PC in a folder that has the correct ADB files in it.

Type in

adb pull /res/ui.xml
adb pull /res/images
adb pull /res/fonts
adb pull /res/portrait.xml

or if you don't mind having a few extras just type in

adb pull /res

NOW THE WORK!!! Open up the folders one by one.

I will be referring to my MeanGreen Theme as a reference.

portrait.xml

If you never mess with this it's probably best, but i'm sure something can be done to it to change it up, I don't mess with this personally!

ui.xml

this is the code that takes place in the recovery that communicates with the actual image.

You will want a XML editor to edit this code as it makes life SOO much simpler!

First off you want to make sure you understand a bit about XML or you could mess up the recovery and have to hard reset your phone and delete the theme...(Trust me I've learned the hard ways!)

DON'T edit actual buttons or anything unless you absolutely know what you are doing. Take my MeanGreen Theme for example...VERY BASIC...all i really did was changed a few color codes....If you understand XML it's gonna come as a breeze to you...COLORS are gonna be a form of 6 AlphaDigits....IE #FFFFFF(white) or #000000(black) or #88d134(green)...a simple google search for Hex colors will suffice for that! You want your theme to flow correctly with visibility and colors that don't overlap...persay a white background with white text...it JUST DOESN'T work...after you edit all your color changes that you feel fit...Change the name of the Recovery...so instead of seeing TeamWin Recovery Project V 2.5.0.0 etc... You have YOUR theme name! in your XML editor do a simple search for this string (<text>Team Win Recovery Project v%tw_version%</text> and simply change the text between <text> and </text> to whatever you want it to be...IF YOU WANT you can even remove the %tw_version% and give it more flair! now you have a basic start to a theme! Save this and close it.

open up your images folder!

you should have 32 images that is best you keep named the same and at the same dimensions!

back-icon
checkbox_checked
checkbox_empty
curtain
file
folder
home-icon
indeterminate001
indeterminate002
indeterminate003
indeterminate004
indeterminate005
indeterminate006
keyboard1
keyboard2
keyboard3
keyboard4
medium-button
menu-button
minus-button
plus-button
progress_empty
progress_fill
radio_empty
radio_selected
slideout
slider
slider-touch
slider-used
sort-button
top-bar
unlock

YOU CAN add more images, but be sure to write it into the xml code or it is pointless...

the only one not worth editting is the Curtain image...I usually just delete it because it's just there for looks...

use whatever picture editting software you want and make something unique and fun! IE Hand-Drawn Recovery!

Now youre done editting the images...close them and save them...

if an image is not same format as what the xml is stock is PNG so say you saved it as a JPEG it will revert to the stock of that image in recovery and throw an error in the console...(slideout)

Fonts folder

No point in editting this unless you download the fonts package, not much of a variety to choose from but you basically use this just for all text written in the recovery...stock is Roboto-Condensed-30.dat...

as long as the XML top resource named font is set to read off of the same as that is in the fonts folder it will be alright! if you don't have that it automatically reverts to stock..just like the images!

NOW to build your theme all into one!

select the fonts, images, portrait.xml & ui.xml right click and send to compressed folder (zip it up)

rename it to ui and try it out!

Thats about all I can think of as how to theme the recovery! ENJOY!