Database Users

Create your own FlipFont APKs complete walkthrough +Now with quick font size scaling

Create custom FlipFont files with font preview and icon.
*At present this only works on Galaxy S phones, but should work if FlipFont is ported or released on other devices*
For Captivate users you will need to enable side loading apps first, because AT&T sucks. Check this thread if you still need to so this.
Why do we need to jump through hoops?
It seems that the fonts in the MonoType apks on the market are digitally signed. This is what is preventing the use of any old font being added to an APK. I believe the FlipFont app is looking for the digital signature in the font within the APK. If its not there, it does not use the font and reverts to using the default font. It MAY be possible to edit the FlipFont APK so that it no longer looks for the digital signature. This should allow us to use any font without jumping through hoops.
If you can find the FlipFont Apk please post its location or better yet PM me with its location. If your really feeling spunky ADB pull the file off your phone and post it here, so we can take a look at it.
Lets trick FlipFont. Heres what you need.
Apk Manager 4.8 found here. This will allow you to decompile and edit the APK attached at the bottom of this link. Dont worry its much easier then it sounds.
FontCreator 30 day trial found here. This is a windows only program. If you know of a cross platform, open source or FREE font editor please let me know. The one on source forge is not stable enough for use at present and its install needs its own walk through.
***Link for FontCreator has been downgraded to version 5, which will allow you to save fonts during the 30 day trial, unlike version 6. Thanks sigeltek***
Photoshop or Gimp. Note you only need this if you want to edit the icon file for the app. I will not go over editing the icon in the walk-through, this should be pretty self explanatory.
Digitally Signed Monoglyceride font found here For some reason Mediafire sees this as a jpg file. Click the download this image button in the link and you will see its actually a .ttf file. ODD :ºp
The Monoglyceride APK attached at the bottom of this link.
Walk-through editing the Monoglyceride font with FontCreator.
Open the Monoglyceride.ttf font with FontCreator
Open the .ttf font you want to use.
Make note of the number of Glyphs at the bottom right side of FontCreator when you have your font selected.
Click the Monoglyceride font window in FontCreator and choose edit>select all at the top of the program.
Hit delete on your keyboard. This should delete everything in the Monoglyceride window.
click Insert>Glyphs... at the top of the program
type in the number of glyphs your font has in it and hit ok. You should now see a bunch of empty glyphs in the Monoglyceride window.
Now switch back to your font and again hit edit>select all
Hit edit>copy
Swith back to the Monoglyceride window and click edit>select all... and then edit>paste special...
This will open up the Paste Special window. Put a check in every box in Item section and choose "Add Mappings" in the mappings section and then click OK.
If this worked properly you should see all of the characters and mappings from your font in the Monoglyceride.ttf window.
Close your fonts window in FontCreator
Click File>Save as, rename the Monoglyceride.ttf with the name of your font.
Thats it you now have a digitally signed font. If you want to double check, open the new font in windows and you should see that the font is still technicaly the Bauhaus font, but it now contains your fonts characters. :º)
*** eweo911 has just informed me of a quick way to resize the font if it is too large. You can check to see if its too big by double clicking on one of the glyphs after preforming the Paste Special section of the instructions above. Its best to choose one of the uppercase letters. If the glyphs image goes above the guide shown for cap it WILL be a large font on the phone. These guides are set in the perfect position for our phones screen.
Here is the quote from eweo911:
I have figured out how to make the fonts smaller so you can adjust them to fit the screen better. Not sure if anyone else has done it yet but here is what I did.
After you do the "Paste Special" in font editor (per Ritalins how-to), you will need to make sure all of the glyphs are highlighted in the new font. Yiou will then go to "Tools" and then "Glyph Transformer". Once there, you will select the "Selected" button, then under Available Features you will expand the Outlines tree. Select scale and then you will have two variables for Outlines-Scale. Choose an integer that you want to test with and then hit "ok". Save as your new font name and that should be it.
Click to expand...
Click to collapse
Walk-through editing the apk with Apk Manager 4.8
Download the monoglyceride.apk listed below.
Copy the apk into place-apk-here-for-modding folder in the Apk_Manager_4.8 directory.
Run script.bat and choose option 9
Open Apk_Manager_4.8\out\assets\fonts in explorer
Replace existing monoglyceride.apk font with the .ttf font you edited in FontCreator
edit all XML, yml and smali files to include the font name or font.ttf depending on the entry in the original file. Just replace monoglyceride in these files and folder with the name of your font. Pay attention to capitalization in the existing files, and make sure to do the same when replacing with your file name.
Edit the last folder name in the smali folder tree from monoglyceride to the name of your font
Edit the icon.png in the drawable folder with one of your own.
Compile apk - option 11
Sign apk option 12
Check the Apk_Manager_4.8\place-apk-here-for-modding folder and you should see repackaged-signed.apk along with the original monoglyceride apk. Rename your new signed.apk file the same as the monoglyceride one and just check the name at the end with your font name. This is not REALLY necessary, but do it for consistency sake.
install apk on your phone
This might take you about 30 minutes the first time you run through it, but after you get accustom to the steps you should be able to bang through it in about 10 minutes.
Well here you go, here is my first custom FlipFont APK.
Monoglyceride
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
http://www.mediafire.com/file/b63fa44f7ks7e3d/com.monotype.android.font.monoglyceride.apk
Its working perfectly for me, but let me know if you have any issues.
If you create a font with these instructions, please share it with the community. There is a thread in the Vibrant theme section found here.
Save this thread as a favorite or subcribed thread and you can easily view it and download the fonts in the XDA tapatalk app on your phone.
You will need Astro or Linda file browser to be able to download the fonts from your phone.

tried your mono .apk and got nothing. shows up on the flipfont list just fine, asks to reset the phone but there's no change when it comes back. -JH2 -ext2.3 lag
edit: worked on wife's phone. -stock w/oc'd kernel -ext2.1 lag

solufein said:
tried your mono .apk and got nothing. shows up on the flipfont list just fine, asks to reset the phone but there's no change when it comes back. -JH2 -ext2.3 lag
edit: worked on wife's phone. -stock w/oc'd kernel -ext2.1 lag
Click to expand...
Click to collapse
It's something in the lag-fix that kills flipfonts. I initially thought it was JH2, but I used them fine on stock+rooted. Doing the One-Click fix killed flipfonts, so I did RyanZA's phone only fix.
PS, all of the fonts in the Vibrant thread work swimmingly.

Works fantastic for me, thank you for posting and sharing. While I personally do not like the font posted, it does work and can't wait to see more.

benclayton said:
It's something in the lag-fix that kills flipfonts. I initially thought it was JH2, but I used them fine on stock+rooted. Doing the One-Click fix killed flipfonts, so I did RyanZA's phone only fix.
PS, all of the fonts in the Vibrant thread work swimmingly.
Click to expand...
Click to collapse
Glad it works. Not sure why it brakes with the one click fix. Most of the users in the Vibrant forums are using the RyanZA lag fix. Will remember this if someone asks why its not working. Thanks for the heads up.
smeltn said:
Works fantastic for me, thank you for posting and sharing. While I personally do not like the font posted, it does work and can't wait to see more.
Click to expand...
Click to collapse
Well there are quite a few there, but I understand if they are not all to your liking. I am now charing you with submitting one of your own. It will take you about 20 minutes the first time, but after you get the hang of it, you can get one done in about 5 minutes.

im running CFLagFix 1.80 and changing fonts doesnt work for me either

cachookaman said:
im running CFLagFix 1.80 and changing fonts doesnt work for me either
Click to expand...
Click to collapse
Do any of the other flipfonts that came with the phone work?
Sent from my SGH-T959 using XDA App

ritalin said:
Do any of the other flipfonts that came with the phone work?
Sent from my SGH-T959 using XDA App
Click to expand...
Click to collapse
the captivate doesnt come with any other fonts other than default

cachookaman said:
the captivate doesnt come with any other fonts other than default
Click to expand...
Click to collapse
What??? Thats robbery!!!
Well if you would do me a favor and download any of the flipfonts in the market and try it. If it doesnt work just uninstall for the refund.
Does the fix your running move the apps or another portion of the OS to the SD card or internal SD? If so my guess is that it does not read them in time for the launch of the OS and android loads up the fallback font instead.
As stated the RyanZA lag fix works great and the fonts work with it. I score about 2100 Quadrant with RyanZA lag fix installed. Might want to give it a try.

FROYO Milestone Themes for G.O.T. 2.2.1

GOT FROYO 2.2.1 Ports
Here you will find ports of my current 2.36 Themes to the new G.O.T. Froyo 2.2.1 version (not all - there are too many), which will grow with time. For consistency I link to the original Thread, where you find downloads, How-To and links to Original Threads with Screenshots.
Ports:
Elegant Steel - Done
SummerBlues - Done
DroidX - Done
BlackBar - Done
Black Droid - coming soon
Black Sun - Done
REVOlution - Done
X10 - coming soon
TechBlue - coming soon
Credits:
mattmaso for cooperating with me on the battery hack
XEUDOXUS for the transparency froyo hack and plenty of pngs for BlackSun
Jabberwalkie for inspiration for SummerBlues
manup456 for REVOlution
Jedispotty for creating the Photoshop concept for Elegant Steel
Brutall for his great apktool
jesusfreke for smali/baksmali
G.O.T for honoring me by selecting SummerBlues as the official G.O.T Theme
UPDATE Transparent Notification Shade:
Following Themes now have a transparent notification shade. Even if xUltimate patch did not work on Milestone (I manually edited the smali), credit for original hack belongs to XEUDOXUS for patching the services.jar as the first themer under froyo.
SummerBlues - Transparency Update - Done
BlackSun - Transparency Update - Done
BlackBar - Transparency Update - Done
Elegant Steel - Transparency Update - Done
Installation with GOT 2.0 OpenRecovery:
* Copy complete Theme Folder on SD in openrecovery/addons/themes
* Turn off the phone and boot in recovery as follows: Press the camera button first and then also together the power button, if you see the M logo, you can leave the buttons alone. After a few seconds you see a warning triangle - then first push the volume up button and then also together the camera button. You will see a menu and choose with the trackpad "apply sdcard:update.zip".
* In GOT Menu choose "Stock GOT Features Menu - Theme Menu - Install Theme Menu".
* Select your desired Theme parts (Bootanimation - Framework - Apps - Fonts)
* Finally choose under "Select Theme" your favorite Theme
Please don`t forget - ALWAYS NANDROID FIRST
For non GOT Recovery users Install Scripts are in all Theme folders. Copy these in Scripts folder of your OpenRecovery and install like any other script in your recovery.
Link to Downloads and Screenshots:
http://www.android-hilfe.de/themes-...e_stheone64-froyo-got-2-2-1-a.html#post651594
NEW
Launcher Pro Metamorph Updates
http://www.android-hilfe.de/themes-...her-pro-updates-fuer-he_stheone64-themes.html
Facebook & Twitter Updates for ALL Themes:
http://www.android-hilfe.de/themes-...acebook-twitter-theme-updates.html#post702354
Battery Hack for 10% steps Metamorph (incl. in my themes anyway)
http://www.android-hilfe.de/themes-fuer-motorola-milestone/50339-metamorph-batterie-hacks.html
1. With Metamorph
* Rename LauncherPro in Launcher.apk and push it to system/app with permissions 644, then reboot
* Copy the complete .zip in sdcard/AndroidThemes
* Open Metamorph and choose "unzip/Extract new Theme"
* Choose "pick existing theme", then go to the unzipped folder in metamorph (like "LauncherProSummerBlues") and start the xml
* Reboot and you`re all set
2. With GOT OR 2.01
* Copy unziped folder in OpenRecovery/addons/metamorph
* boot in recovery
* Navigate to OR Stock GOT Features - Theme Menu - OR Metamorph Menu - Install Theme Menu and choose the morph
I would recommend using GOT OR 2.01
1. Safer, since in recovery mode
2. app will be zipaligned - less RAM usage and improved battery performance
3. Widgets remain intact
4. Backup function of original Launcher

thanks a lot

Thanks alot, im waiting for the black sun theme. keep up the good work

thanks a lot for these! looking forward to more

wow, amazing open recovery mods! nice work, guys!

not working
Hi, I just registered because i am so glad of the Froyo Firmware for the Milestone.
A big thanks to G.O.T. by the way.
But now I have a Problem, if i try to install one of the themes up on this site my stone will not boot anymore. I installed how it was explained. I put the theme folder in the Addons Folder in Openrecovery. In the openrecovery menu they appear and if i chose one of them the scripts are running and saying "all done" but then my stone does not boot. there will be only the motorola sign.
I installed G.O.T. theme and thats working - thats very good because otherwise i could not use my phone.
But where is the problem with the other themes? I tried it with ElegentSteel and SummerBlues both the same thing. I like to have the SummerBlues theme because the screenshorts are looking so nice.
Maybe anybody can help me?
best regards Joe

You have to put it on theme folder, sub folder under addon

Kagex said:
You have to put it on theme folder, sub folder under addon
Click to expand...
Click to collapse
Hey thanks - but i found my mistake. I downloaded the skin for version 2.36 and not for Froyo. No it is working and it´s great!

Kagex said:
Thanks alot, im waiting for the black sun theme. keep up the good work
Click to expand...
Click to collapse
Black Sun is done...

pogojoe said:
I tried it with ElegentSteel and SummerBlues both the same thing. I like to have the SummerBlues theme because the screenshorts are looking so nice.
best regards Joe
Click to expand...
Click to collapse
Summer Blues is GOT and GOT is Summer Blues - read the GOT BLOG, I allowed them to use that theme as the new official GOT
Thx again @ GOT for using my theme and letting me test your ROM upfront, you guys rock. Also big thx @ jabberwalkie for his inspiration for summerblues and all the other devs and themers out there, theming is so much easier these days due to a lot of improvements of great XDA members.

i found a little problems.
- Notification background not transparent
- downloading/uploading dropbox notification fonts are black ( on black background )
(Black Bar & Black Sun - RTEU)
btw, thank a lot for nice themes

iammagic said:
i found a little problems.
- Notification background not transparent
- downloading/uploading dropbox notification fonts are black ( on black background )
(Black Bar & Black Sun - RTEU)
btw, thank a lot for nice themes
Click to expand...
Click to collapse
xUltimate Transparency Patch does not work on the GOT framework at the moment, I will hang in there
Tested it and notification fonts in my dropbox are definitely white.

thx alot for the sun theme. loving it. how does i get the themed beautiful widget to work?

think i need some help with the launcherpro metamorph theme

Kagex said:
thx alot for the sun theme. loving it. how does i get the themed beautiful widget to work?
Click to expand...
Click to collapse
Just copy the skin folder to sdcard/data/beautifulwidgets/skins

Kagex said:
think i need some help with the launcherpro metamorph theme
Click to expand...
Click to collapse
As described in the thread:
1. With Metamorph
* Rename LauncherPro in Launcher.apk and push it to system/app with permissions 644, then reboot
* Copy the complete .zip in sdcard/AndroidThemes
* Open Metamorph and choose "unzip/Extract new Theme"
* Choose "pick existing theme", then go to the unzipped folder in metamorph (like "LauncherProSummerBlues") and start the xml
* Reboot and you`re all set
2. With GOT OR 2.01
* Copy unziped folder in OpenRecovery/addons/metamorph
* boot in recovery
* Navigate to OR Stock GOT Features - Theme Menu - OR Metamorph Menu - Install Theme Menu and choose the morph
I would recommend using GOT OR 2.01
1. Safer, since in recovery mode
2. app will be zipaligned - less RAM usage and improved battery performance
3. Widgets remain intact
4. Backup function of original Launcher

Thanks for posting the battery metamorphs!
I had a question:
Do you think the many battery icons that are in this thread: http://www.droidforums.net/forum/droid-themes/75093-metamorphs-battery-icons-ripped-roms.html
would work on the GOT 2.2.1 for milestone??

Kagex said:
think i need some help with the launcherpro metamorph theme
Click to expand...
Click to collapse
they work without the 10% hack, but for the hack you need more icons and different names. I will launch more battery MM`s in that thread anyway.

he_stheone64 said:
xUltimate Transparency Patch does not work on the GOT framework at the moment, I will hang in there
Tested it and notification fonts in my dropbox are definitely white.
Click to expand...
Click to collapse
I manually edited the services.jar now with success and the notification shade is now transparent for Summer Blues. I will update the other themes also accordingly and will keep you guys posted.

Ok sweet, i'm looking forward to more!

◄ GUIDE ► Customizing ROM Graphics and Interface

-----
What is this?
This is an elementary reference/guide that I would like to share with anyone interested in customizing or modifying the Graphical User Interface of their custom ROMs - which includes, but is not limited to backgrounds, toggles, system icons etc.
It is based completely on my experiments playing around with ROM elements, as well as help from users across the web.​
Yet another How to Theme guide?
Yes. And No.
Themes are an excellent way to achieve our purpose, and provide much varied levels of customization. They are much more extensive and require knowledge which is outside the scope of this guide.
Themes do not replace any system files or images. Instead, they create references via XML files, which direct your OS to use that which is supplied by the theme instead of the stock elements.
This gives greater flexibility and compatibility, and is without doubt a lot safer.
However, in this guide we will be directly manipulating, modifying and changing the system files and images of your custom ROM instead of taking the XML route. This will only help to alter what you pack beforehand inside your ROM. Not that which you may add later from the device.
Both methods have their appeal, and we will not debate on that.​
DISCLAIMER
As with all guides and tutorials, please proceed with caution. If the end-result is to your liking, give yourself a pat on the back. But if something goes wrong, please don't come running for my head.
Before you jump to searching for a suitable tool to de-compile apk files, please note that we do not require to de-compile any apk or jar files for this purpose. We are simply working on image elements (PNGs ONLY) which can be replaced without any fuss.
The posts that follow will be updated and improved upon regularly based on your views and opinions. Kindly do not take to petty quarrels. If you find something objectionable, please report to the moderators and let them choose the course of action.​
By the end of these few posts, if you are able to create something that gives you satisfaction, please share it with others too.
Your creations, no matter how 'unique' will all be gladly put up here.​​
--

What to edit?
---
Let us begin by extracting the ROM package to a directory.
When you open this new directory, you will find that it contains the following 3 components -
A folder called META-INF
A folder called system
Another file named boot.img
It is the folder named system, that we are concerned with. But when you open this folder, you again find yourself looking at numerous other folders.
For our purpose, we require only the folders named app and framework.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Let us begin with the app folder.
The app folder evidently contains the apk files that you have chosen to package with the ROM. It is inside these apk files that our images reside.
As stated earlier, for the purpose of this tutorial we do not need any tools to de-compile the apk files. We treat them as simple archives.
We choose Contacts.apk to start with. This is the apk file that we would want to edit for changing our dialer background.
Open this apk file as you would open any other archive using WinRAR, 7-Zip etc. You should now see the following inside -
Folder named META-INF
Folder named res
XML file named AndroidManifest
Two other files namely, classes.dex and resources.arsc
Now enter the res folder and you find several more folders with prefix drawable, layout, menu and mipmap. Without going into details as to what each folder is for, I would just say that it is the bunch of folders having the prefix drawable and mipmap that we are concerned with.
:good: The mipmap folders usually contain the app's icon which appears in the app drawer, or other places as relevant. The images are usually the same in all folders - xhdpi, hdpi, mdpi.​
The xhdpi icons are somewhere around 96-100px. This is completely upto you to decide how you want your app icon to look like.
The hdpi icons are usually about 75% of the size of xhdpi, while mdpi are a further 66% of hdpi icons in size.
The images are all in PNG format. To edit them you would require a suitable program. I personally use Adobe Photoshop. Other useful ones are GIMP, Pixlr Studio, fotographiX, Corel Photopaint, Microsoft Picture Manager - or any combination that suits you.
In case you want to work with vectors (graphics that use vectors and mathematical functions to describe images rather than fixed bitmaps. As a result the images can be cleanly scaled to any size without losing fidelity.) there is nothing better than Adobe Illustrator or Corel Draw.
Once you are done with creating your custom icons, save them in PNG format and rename them to the exact name of the stock PNG that you are substituting.
:good: It is always advisable to keep your PNGs the same dimensions as the ones you are replacing. Try not to over-do them. I am sure you wouldn't want a 500 kB PNG file ​
Once you are through creating icons for the xhdpi folder - just copy them all and paste inside the other folders - hdpi, mdpi. Take care that you don't forget to re-size them!
hdpi ~ 75% xhdpi
mdpi ~ 66% hdpi
Now time to edit other elements. We first start with the dialer background. So where exactly is the image for this?
:good: Dialer Background can be found at /res/drawable-nodpi/
The image we want to edit is background_dial_holo_dark.png​
This image is usually 512 X 512 px in dimension. In my experience, this works well if your image is a texture or a pattern (nothing better than a seamless texture). However, if your idea of a dialer image involves using distinct entities etc, you would like to keep your dimensions around the same ratio as the Galaxy Note screen resolution. Otherwise, you will find that the image actually gets stretched vertically once on the phone, and looks really bad.
Next comes the drawable-xhdpi folder. In almost all apk files, this is one folder that you don't want to miss with regards to graphical customization.
You will find loads of PNG images here - each of which can be modified as per your whims and fancies.
You could get started with a few prominent PNGs - ones which you come across or ones that you 'notice' more than the rest. I have tried to list a few that would be worth starting on -
contacts_widget_preview.png
dial_num_9_wht.png (and other digits)
ic_contact_picture_180_holo_dark.png (and the other 'light' counterpart)
:good: Have a look at the other drawable folders. Experimenting is the only way you can know what changes what ​
You can follow the same procedure to customize images inside the Mms.apk, Phone.apk or any other apk for that matter! All you need to do is open the apk file as you would any archive, look for the drawable and mipmap folders under /res
Here I would like to discuss a bit about 2 important apk files -
Settings.apk and SystemUI.apk
These 2 apk files contain the bulk of images that we look to customize. And hence the special mention. The methods remain the same. We look for the same folders as discussed previously. I would just be helping to speed-up things and tell you which image appears where.
SETTINGS.APK
As before, we look for the drawable and the mipmap folders.The mipmap folders will contain the apk icon that represents the module. It is named as ic_launcher_settings.png
Start with the mipmap-xhdpi folder and simply duplicate your custom image into the other mipmap folders. DO NOT FORGET to re-size and rename.
Next we come to the all-important drawable-xhdpi folder, which again contains the bulk of the images we would like to customize. You will find icons here that are find elsewhere too. So which one is which? Where does it appear on your device?
This being the Settings apk that you are editing, the images in the drawable-xhdpi folder appear when you are inside the System Settings menu. This is where we usually set our -
Wireless and Network Preferences (Wi-Fi, Bluetooth, Data Usage etc.)
[*]Interface Preferences (Launcher, Lock screen, Themes etc)
[*]Device Options (Sound, Display, Storage, Battery, Apps etc.)
Here is how the menu looks when customized using graphics from the Cobalt Theme. (Though this was achieved by explicitly applying the theme, the same can be done by replacing those files in the ROM itself)
The images usually have the prefix ic_settings before them, which should make it easy for you to identify which ones you want to edit.
...to be continued....
---

under const

toxicthunder said:
under const
Click to expand...
Click to collapse
patience.

Nice

Can be very useful, and sort of unique - visual instruction is the key. Can exactly help me with somehing I've tried to do. Great thread.:good:
And adding one step-by-step (with pics) example of re-doing graphics, preferably, contacts/dialer, would be even perfect

This is not a good guide mate...
Where do u decompile the apks so u dont break the .9.png or where do u warn people for them ?
You will create overloading systems with this guide.
When theming the only proper way is to decompile the apk and edit the images then compile the apk again.
I bet none of the apks u did like this can compile because they all have broken .9's.
The system can not find the borders of these images and will create drain.

I think you miss the point.
Before jumping to conclusions on whether this is a good guide or not, please read what I have written.
We are dealing with png files here and NOT 9pngs
PNG files can very well be simply dropped over to replace in the apk.
Most of the icons - toggles, backgrounds, status bar icons etc are ALL png files.
You can simply open the apk files and replace the PNGs you want,
As for the .9png files, though I havent even touched upon them (If you could read the 'to be continued'), you can edit the .9pngs this way too as long as it is limited to color overlays and not with changing the geometric vector dimensions.
Thanks for dropping by..
I am sure users will find your point and our subsequent discussion helpful

Robbie Hood said:
This is not a good guide mate...
Where do u decompile the apks so u dont break the .9.png or where do u warn people for them ?
You will create overloading systems with this guide.
When theming the only proper way is to decompile the apk and edit the images then compile the apk again.
I bet none of the apks u did like this can compile because they all have broken .9's.
The system can not find the borders of these images and will create drain.
Click to expand...
Click to collapse
Hmmm point. As of now above it has been discussed to modify the .png files. Hence not an issue.
Toxic u would want to put a cautionary note about modifying the .9.png files

@abhi aao ... all set up

toxicthunder said:
I think you miss the point.
Before jumping to conclusions on whether this is a good guide or not, please read what I have written.
We are dealing with png files here and NOT 9pngs
PNG files can very well be simply dropped over to replace in the apk.
Most of the icons - toggles, backgrounds, status bar icons etc are ALL png files.
You can simply open the apk files and replace the PNGs you want,
As for the .9png files, though I havent even touched upon them (If you could read the 'to be continued'), you can edit the .9pngs this way too as long as it is limited to color overlays and not with changing the geometric vector dimensions.
Thanks for dropping by..
I am sure users will find your point and our subsequent discussion helpful
Click to expand...
Click to collapse
your guide states modifying .png and .9.png mate ....
remember what you write
We are simply working on image elements (PNGs, .9PNGs etc) which can be replaced without any fuss.
Click to expand...
Click to collapse

Robbie Hood said:
your guide states modifying .png and .9.png mate ....
remember what you write
Click to expand...
Click to collapse
yes, you are correct.
But where does it say "How to modify .9pngs"
as I said - under construction

Oh god no time toplay silly kids games.
Justput up a warning if u even know what the .9s exactly are.
If a guide is under construction leave it on ur pc and drop it when its finished.
U can really mess up peoples phones

.9pngs?
Sorry, not much know-how about graphic designing.

Give it a rest guys
Robbie - Toxic is a web designer and that too of an elite class...so he knows what he is doing!! Though your point is valid and well taken ! :good:
Toxic - No harm in putting up a cautionary note as i stated earlier.....many people here you know will mess things up and then flood the Q&A and this thread. So prevention is better than cure

removed reference to .9s under disclaimer.
Thanks Robbie

toxicthunder said:
.9pngs?
Sorry, not much know-how about graphic designing.
Click to expand...
Click to collapse
http://developer.android.com/tools/help/draw9patch.html here you go mate
---------- Post added at 12:50 PM ---------- Previous post was at 12:50 PM ----------
abhisahara said:
.many people here you know will mess things up and then flood the Q&A and this thread. So prevention is better than cure
Click to expand...
Click to collapse
you are a wise man

toxicthunder said:
patience.
Click to expand...
Click to collapse
Oh how cool!!! i didn't have to PM or ask you about this, you already created a Thread, this is really helpful for us newbies how want to learn mean while ill keep playing with the building from source part of the custom Rom, thanks toxic!!!

Since xda-university is going to be launched soon, advancing this thread is pointless.
Thread Closed

[GUIDE]Ultimate Guide[Decompiling][9 pngs][Theming]

The Ultimate Guide​
Preliminary Requirements:-
PC with Windows(Please avoid Windows Vista)
Java JRE or JDK
APK Multitool
framework-res.apk, SystemUI.apk, twframework-res.apk, com.htc.resources for installing
7-zip
Notepad++
Android Device for testing
Photoshop or equivalent image editing software
android-sdk(for 9 png editing)
Lots and lots of patience and mind
What this guide includes:-
Main Part:
1. Easiest Decompiling and Recompiling Guide *Must Read before continuing*
Theming Part:
2. APK png resources(General Location of General pngs)
3. Explanation of 9 pngs and how to edit or make them
4. How to Batch edit pngs (Not 9 pngs) (Changing color, etc)
All of us like if all things are present in one guide
This guide covers topics like decompiling, 9 png editing, theming in a very newbie friendly manner.
I have worked upon this guide to make it so that no problem arises during performing certain tasks which I faced.
I have covered workarounds such that they ensure LEAST no. of errors while performing these tasks.
However, if even then any problem arises, I am always there to help you out :laugh:
Main Part:
Decompiling: [MUST READ]
We are assuming that you have installed JAVA, Android SDK and apk-multitool without any problems
1. Copy your mobile's framework-res.apk, SystemUI.apk and twframework-res.apk in others folder in directory where you have extracted apk-multiool
2. Open Setup.bat. Choose 2 :- Installing Framework-res
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Setup.bat​
Choose 1 (framework-res.apk)
Choose 2 (twframework-res.apk) [similarly install OEM specific files such as com.htc.resources , etc]
Choose 4 (SystemUI.apk)
Window will close each time you choose an option
You will have to restart Setup.bat each time
3. Now place the apk you want to edit in place-apk-here-for-modding
4. Now open script.bat. (If you see any error, either you haven't installed JAVA and SDK[adb] or they aren't implented, Please install them properly before continuing). Click any key to continue
APK-Multitool Window​
5. You will see the above window. Now, make sure you have installed all frameworks and Compression level is set to 9.
6. Now, we will choose our project. Click 24. A list of files present in place-apk-here-for-modding will be in front of you. Choose any file
7. Click on 9. Now decompiling will be in process.
8. After it is complete, go to projects folder, you will see a folder with the name of apk you decompiled
Decompiled apk example​
If it is decompiled properly, then there will be apktool.yml file in it
9. Do your modifications. Now, you can edit .9.png files (they will be discussed later) and xml files which were uneditable first
You will notice that there will be many new folders which weren't present in compiled form of apk. These all folders are generated from a file called resources.arsc present in compiled form which is absent in decompiled form
Such an example is of values folder which contains crucial xml files like styles.xml, strings.xml, ids.xml, etc
Always open xml files with Notepad++, it will mark commands and syntax making it look aligned and making it easy to understand
Example of decompiled xml file ​
Also, you can edit 9 patch files also which will be changed from now on
Example:-
We will discuss 9 png in detail later on
10. After you have done your modifications and you are ready to recompile the app, choose 11 (Compile System APK) if you are editing System App or 12(Compile Non-System App) if you are editing other than System App
11. a) If System App:-
After some time it will ask that if you want to copy additional files other than signatures to ensure less amount of errors, then choose y
After extracting some files, it will ask you to delete files from keep folder
Simply go to keep folder,
If you edited any pngs and there are many and you are lazy enough to delete one by one, then delete the whole folder in which you edited pngs
If you edited any xml file, then delete that xml file AND ALSO DELETE RESOURCES.ARSC
Why? Because we told that values and several other folders are generated from resources.arsc while decompiling
Now, if we don't delete resources.arsc, the modification we did in values folder will be reverted to original state
After doing this, go to script.bat again and press any key to continue
11. b)If its not system app:
Just recompile it and sign it man through the menu in apk multitool man.
It is easy as hell. Tutorial of non-system app has been ended here
12. Now, you will get another apk name System_ apkname.apk
Open both apks as archives by 7-zip
13. Last and most important step:-
Just drop the files you edited from new apk to old apk in correct folders. By now, you may have understood that resouces.arsc INCLUDES your edited xmls
14. Now, the final apk is not System_apkname.apk but apkname.apk (the original file you started with). Push it and enjoy
This is a work in progress.
Will add more things soon
Don't hesitate to ask any questions about anything
Credits:
@d3cka for teaching best about 9 pngs
@deathnotice01 for helping me
Miscellaneous Google and xda posts

Theming Part​
General APK png Resources
Here I will tell you where to find some pngs to theme your Phone
Note: Here I will tell location of pngs but that may differ based on modification done to your ROM by OEMs or devs. These pngs are found after decompiling or extracting the apk files. For more reference, read this.
In this part, there is only brief information, but for a very good guide, please go here. I haven't covered it all up as d3cka himself has done a marvellous job in making that guide. All the things present in that guide should solve all your queries.
General location of apks:
SystemUI.apk - /system/app/
framework-res.apk - /system/framework/
twframework-res.apk - /system/framework
framework.jar - /system/framework/
lidroid-res.apk - /system/framework/
Click to expand...
Click to collapse
Variable list:
I have referred to some locations as drawable-xdpi. X here stands for
X: m, l, h, xh
Meaning pngs can be in drawable-mdpi, drawable-hdpi, drawable-ldpi, drawable-xhdpi depending on resolution of your phone
In some places, I have just added * in order to fill spaces that are not common in each png
[?] means maybe only for GB or Samsung
Click to expand...
Click to collapse
Battery Icons -
(i)Ice Cream Sandwich/Jelly Bean: SystemUI.apk/res/drawable-xdpi/stat_sys_battery**.png
(ii)Gingerbread: framework-res.apk/res/drawable-xdpi/stat_sys_battery**.png
Status Bar icons - SystemUI.apk/res/drawable-xdpi/
Note, some, however very few status bar icons are also present in framework-res.apk
Platlogo - framework-res.apk/res/drawable-nodpi/platlogo*.jpg
(image that pops up when repeatedly clicked on Android Version)
In Gingerbrad, its a single file but in ICS and JB, they are many images.
Default Wallpaper - framework-res/res/drawable-xdpi/default_wallpaper.jpg
Default Lockscreen Wallpaper[?] - framework-res.apk/res/drawable-xdpi/zzzzzzzz_default_lockscreenw.jpg
On stock based HTC roms, the default wallpaper location is specified in the.build.prop (so the dev can either swap out the image, or change the path)
The default wallpaper path for HTC roms is /system/customize/resource/wallpapers_a_00.jpg (Thanks to CNExus)
Spinners[GB] - framework-res.apk/res/drawable-xdpi/spinner_****_**.png
(The loading circles)
Menu Icons - framework-res.apk/res/drawable-xdpi/ic_menu_**.png
These icons may also be present in twframework-res.apk for Samsung Touchwiz ROMs
Notification Toggles
(i)With lidroid 15 toggles : lidroid-res.apk/res/drawable-xdpi/
(ii)Without lidroid mod : SystemUI.apk/res/drawable-xdpi
These were some general pngs of system apps that may be used to theme the phone. You can find respective pngs to theme in their apks.
Will add more soon...
9 PNG Discussion
These are special types of pngs that can be stretched to fit the need of program or different scenarios or cases. It contains 1 pixel lines on each border of different lengths for different things
As told above, we can't edit 9 png in compiled form as it will lose these lines which define its properties. So, we first need to decompile apk in order to edit 9 pngs
So, after decompiling apk, open 9 png in Photoshop and select the part inside that 1 px border and edit anything you want (Hue, Saturation, Bevel, Emboss, ANYTHING)
Now save it (save it as a normal png and then rename it as .9.png because photoshop doesn't recognise 9 png extension and image will loose its RGB format)
Explanation of 9 png:-
You can read this for more information
If you have doubt that you have gone wrong somewhere or you have made a new png from scratch and want to test if it is correct or not:
(Check all 9 png files you edit as they can cause Force Closes or bootloops)
Go to folder where you extracted android-sdk and go to tools folder and open draw9patch.bat
A window like this will open up:-
Drop you 9 png here
A new window will open with you 9 png on it
Tick on show bad patches
If you see red rectangles, you have a bad 9 patch image. You will need to delete or add those lines in png to remove all red boxes. If you want to delete, press Shift and start moving cursor over lines you want to delete. You can choose method of hit and trial to remove all rectangles and move the lower scale to see how your image size is adjusted
Or you can do what I do:
1. Remove all lines
2. Add single dot on top centre and left centre border of image (That can be taken as stretchable area)
3. Add lines on right and bottom of image where you want to fill content. Now, click on Show Content
The purple area you see in image is the content area (Text will be filled there. Eg:- Popup Menu)
4. Now, you can adjust these lines acoording to your need that what you want for stretchable area and content area until an unless there comes an red triangle
5. When it is done. Save the file. DONE
Easy, isn't it?
That's what theming is
Batch Editing pngs in Photoshop
Well the scenario is you have 200 pngs and you want to change their color, hue, add effect to them, etc. Definitely not worth the time you will spent doing this one by one. So, here, I will cover how to batch apply same edits on to your infinite pngs. Here, I am taking example of changing color of battery png from green to purple, you can apply any attribute to your image in the same way. I repeat it is not for .9.png files. Read above guide for reference
Let's start
1. First copy all your pngs you need to edit in a separate folder. I have made a folder named Battery Base and pasted my all pngs of battery there.
Now create another folder where your edited pngs will be saved. For eg:- Battery Done. (Don't create it inside Battery Base folder)
2. Open Adobe Photoshop and Choose Window>Actions or Alt+F9
3. Click on the note like file (Create new Action)
Rename it to anything you want . I have chosen Battery_color
Then click on Record. Now, you will see that red circle is enabled and now everything you do on image will be recorded and will be applied on each image.
4. Now, do this very carefully, don't miss any step.
We will do every thing that we want Photoshop to do with each file we want to edit.
a) So, first we want Photoshop to open the image. So , click on Open and choose any png from Battery Base folder (Choose a file with more color so that you know what color exactly your file will be after editing. That is why I chose 90 percent battery here).
b) Now, after opening, we want to change Color of png from green to purple. So, choose Image>Adjustment>Hue and Saturation or Ctrl+U
A dialog box with 3 sliders will appear. Move upper slider to change color. You can move other slider to change saturation and brightness if you want. Now, if you got it right, click on OK.
Every step of yours is being recorded, so don't do unnecessary stuff you don't want to do on other images. Nonetheless, if you have done it, then Drop down the Battery Base Action in action palette and you will see your every action there, If you want to delete any action , you can delete it from there. You can also add any action before pre completed action by clicking above that action and performing it.
Now, you can do anything you want to be done on your rest of pngs.
c) Now, we want Photoshop to save this png to carry on working on others. So, Go to File>Save as... and save it as a png in Battery Done folder. Photoshop will ask you to choose, so choose smallest compression and no interlace.
d) Image is saved but we also want Photoshop to close the png so that it does not open 200 tabs for editing 200 pngs. So, click on close (Small cross on title bar of png). If, it asks that do you want to save changes to png . Say no, because if you say yes, the png in Battery Base will be changes and when batch processing is done, that png in Battery Done will be of different color that all others.And also, your all green pngs in Battery Base folder will turn purple too. But we want purple images in Battery Done and green in Battery Base.
5. Now, we hae done what we want, so, we will stop recording the Action. Click on that square in Actions Palette.
6. Fun Starts. Now we will do the batch processing.
Go to File>Automate>Batch
In the dialog box, Choose the action to be Battery_Color (or obiviously any action you created)
Source folder: Battery Base
Destination Folder: Battery Done
Tick both Override Action 'Open' commands and Override Action 'Save as' commands
Click on OK. Sit back for 3 to 5 minutes(204 pngs) and TADA
You can apply any action in same way. Such as bevel, glossy, pale, etc to innumerous amount of pngs

Why APK-Multitool?​
Yeah, why not just apktool or VTS (Virtuous Ten Studio)
But, when working with certain system apk files, there is a feature of APK Multitool that comes in very handy and that is, making a keep folder and asking you to delete stuff which you modded to then make an apk file. Certain files in apk do not need to be touched which can be easily controlled by APK Multitool.
Note: This is no way against VTS in any form
As I was making a guide which ensured least amount of errors, I chose APK Multitool, because we can easily fix those known errors od Status Bar disappearing or this and that :victory:
apktool is very minimalistic but not too user friendly for a newbie. And it may return with huge amount of errors if not used correctly.
So, APK Multitool is a perfect balance in between simplicity and work power

FAQ

Oops
Last One left

Awesome guide areeb..
Will include this guide in the index for sure
-asdf-

Will be a great guide for me
Sent from my GT-I9100 using Tapatalk 2

Great guide.

Good info. Nice work :good:

This is a good guide, very good one. But, I've found that the latest APK Multi Tool doesn't work for Android 4.2.2 apks.
Does this one work? Any solution?

krazzyvishal said:
This is a good guide, very good one. But, I've found that the latest APK Multi Tool doesn't work for Android 4.2.2 apks.
Does this one work? Any solution?
Click to expand...
Click to collapse
Thanks for notifying
You can try downloading this - http://d-h.st/cze and replacing the previous files with the new files in others folder
It's by Rizal Lovin from his guide here http://forum.xda-developers.com/showthread.php?t=2195680
Or you can notify the bug (if it's a bug ) here http://forum.xda-developers.com/showthread.php?t=1310151

Best theming guide i ever seen
i love ur ,9 pngs method and how u explained us more deeply about them
Thanks

krazzyvishal said:
This is a good guide, very good one. But, I've found that the latest APK Multi Tool doesn't work for Android 4.2.2 apks.
Does this one work? Any solution?
Click to expand...
Click to collapse
Try some of the suggestions in my guide. Link below.
From me to you.

great guide for starters
all hail to areeb

iamareebjamal said:
So, after decompiling apk, open 9 png in Photoshop and select the part inside that 1 px border and edit anything you want (Hue, Saturation, Bevel, Emboss, ANYTHING)
Click to expand...
Click to collapse
Here's what i do if i want to keep the .9.png border intact:
Open my .9.png.
Select>All.
Select>Modify>Border. Set width at 1 pixel.
Select>Inverse.
Edit>Cut.
Edit>Paste special>Paste in place.
Layer>Arrange>Send to back.
This splits the the border from the image allowing you to edit the image freely without affecting the 9patch.
I'll attach my action i created to automate the process.
Extract the action from the zip.
Window>Actions.
Select dropdown menu.
Load actions> select split.9.atn
One final thing. Photoshop has no problems with the .9.png extension. When you save your image (save for web) it will show as .png, just insert .9 into the name. I've never had a problem.:good:

Appreciate! Great guide

dully79 said:
Here's what i do if i want to keep the .9.png border intact:
Open my .9.png.
Select>All.
Select>Modify>Border. Set width at 1 pixel.
Select>Inverse.
Edit>Cut.
Edit>Paste special>Paste in place.
Layer>Arrange>Send to back.
This splits the the border from the image allowing you to edit the image freely without affecting the 9patch.
I'll attach my action i created to automate the process.
Extract the action from the zip.
Window>Actions.
Select dropdown menu.
Load actions> select split.9.atn
One final thing. Photoshop has no problems with the .9.png extension. When you save your image (save for web) it will show as .png, just insert .9 into the name. I've never had a problem.:good:
Click to expand...
Click to collapse
Thanks for suggestions
About last thing, I never said anything about Photoshop having problems with .9.png files
Maybe words appeared different from what they meant

iamareebjamal said:
Thanks for suggestions
About last thing, I never said anything about Photoshop having problems with .9.png files
Maybe words appeared different from what they meant
Click to expand...
Click to collapse
Sorry, my bad. I didn't mean it had problems. What I was trying to say is you can just add the .9 without any problems.
Normally I just copy the nines into a separate folder, work on them, then when saving double click and replace. Doesn't save much time with a handful, but when you have quite a lot it all adds up. Plus you still have the originals incase of an error.

dully79 said:
One final thing. Photoshop has no problems with the .9.png extension. When you save your image (save for web) it will show as .png, just insert .9 into the name. I've never had a problem.:good:
Click to expand...
Click to collapse
I think you're using a step or two more than you need to layer the border, and to save I just merge the layers, save and close.

XperienceD said:
I think you're using a step or two more than you need to layer the border, and to save I just merge the layers, save and close.
Click to expand...
Click to collapse
What steps are they? When it's automated using the action it takes less than a second.
Everyone has their own technique, personally I think merging layers and saving is redundant as they are merged when saved.

[THEME][N5] TWRP Holofied [DISCONTINUED]

{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
About Theme
Recovery gone App.
This is a heavily modified version of the theme by thecoby.
Clean look and intuitive to use.
Port the theme as much as you like.
You use this theme at your own risk.
Compatibility
The theme stays compatible with new versions of TWRP until TWRP changelog says otherwise.
Theme will work on any device with a resolution of 1080x1920.
About MultiROM Theme
Dark and Play version available.
This theme is portrait only.
Landscape option is present, but will default back to stock theme.
MultiROM theme requires MultiROM recovery.
How to use:
Download the theme of your choice and rename it to "ui.zip".
On SD card open TWRP folder and create a folder called "theme", without capital letters.
Copy ui.zip to theme folder.
Restart to recovery.
Download:
Dropbox Folder
Changelog:
10.09.2014
Standard themes updated for TWRP 2800
Added support for color in console
Added support for backup / restore progress
Sliders for screen / vibration settings now use images (thanks to Tasssadar)
Revised script for color changing mechanism (thanks to Modding.MyMind)
Added "Decrypt Data" button to mount page (was missing since forever...)
Added "enable / disable MTP" buttons to mount page
Added "refreshfilesystem" page
New .dat fonts with latest version of Roboto
Changed font size for rendered labels of main buttons
Fixed some minor quirks
11.08.2014
MultiROM themes updated
Added Sailfish OS support
08.08.2014
MultiROM themes updated
Added full V27 support (ROM name, animation duration slider, "remove radio.img" button)
Changed font to latest version of Roboto
Fixed some minor quirks
04.07.2014
All themes updated
enabled screenshot support (vol- & power)
fixed file names not changing when queued zips are flashed
reduced font size for text box on "flash image" page for 720/768/800x1280
03.07.2014
All themes updated
Implemented ability to flash .img files directly from the install page (thanks to @osm0sis for the Flashify script and his help polishing this feature)
Reworked color changing mechanism on black/dark/light (thanks to @DSM_ for the idea and the zip binary)
Added 3 more highlight colors to black/dark/light
Restored default file list behaviour, bookmark function is now optional (enable it in Holofied Settings > Misc)
Fixed overlapping text on wipe page (occured on M8 and Skyrocket)
Fixed overlapping actionbar buttons on black/dark/light for some resolutions
Old Changelog:
05.06.2014
All themes updated for compatibility with TWRP 2.7.1.0
added "repair/change file system" pages to wipe section
optimised theme chooser code
14.05.2014
All themes updated
added theme chooser to holofied settings
moved holofied settings into seperate menu (play, xda, multirom)
fixed position of progress bar on wipe pages (play)
added warning that formatting data partition includes /data/media (sdcard) to "EXT4/F2FS - Switch" (MultiROM themes)
14.05.2014
MultiROM themes updated
Screenshot support extended to overlays (console and dialog boxes)
13.05.2014
MultiROM themes updated for full compatibility with MR update 2014-05-12
Added screenshot support (Volume down + Power)
Added page for switching between EXT4 / F2FS (Advanced > EXT4/F2FS Switch)
Added option "Force using generic screen drawing mode" to MultiROM settings (whatever that does...)
Added some code snippets from MR git I forgot to include in earlier updates (nothing substantial though)
04.05.2014
All themes updated
Added themed keyboard
Fixed "download" button
Fixed actionbar buttons overlapping on black/dark/light for some resolutions
22.04.2014
All themes updated
Black/Dark minimal released
Added actionbar button for changing font size of file lists
Fixed "refresh sizes" function on backup page
Fixed layout for "partition sd card" page
Fixed typo for "chmod 755" button and added "chmod 644" button
Fixed keyboard layout on 1200_multirom
A lot more fixes and improvements to the xml that I forgot to write down...
30.03.2014
All themes updated
Added bookmark function to filelists on "install" and "add zip to queue" pages - default path is set to \sdcard\Download for both lists (all)
Added "default settings" icon to actionbar on "settings" and "theme settings" pages (all)
Added confirmation dialog for resetting defaults and changing bookmarked folders (all)
Added "refresh storage" icon to actionbar on "backup" page (all)
Added setting to apply highlight color to progress bar (helps with visibility if highlight color is applied to actionbar/actionabr stripe) (all)
Added setting to use old progress bar (below console) (all)
Added setting to use light statusbar (matches overall backgroud color) (play)
Color of action bar labels changes to white when highlight color is applied to actionbar (light)
Color of action bar icons changes to light grey when highlight color is applied to actionbar (black, dark, light)
Fixed some dividers not showing on "advanced" page for certain devices (black, dark, light, xda)
Fixed some dividers not showing on multiple pages (multirom play)
15.03.2014
MultiROM Play theme released / Play theme updated
Lots of changes to the colors - removed the greyish tint from the play colors, brighter background, highlight colors used more generously
Progress bar position now below action bar (highlight color removed for better visibility)
Font size of tab labels reduced
Added option to disable dark statusbar
12.03.2014
Black, Dark and LIght updated
fixed an issue with text input, where the backspace button would not work when placing the cursor anywhere in the written text but the end
10.03.2014
MultiROM theme updated:
Removed "save settings" button from "multirom settings" pages
Moved option "show full multirom version number" from "multirom settings" to "settings"
Also, the recovery repack is updated. It will now be correctly recognised by the MultiROM Manager app as what it is, no more false alarms saying you need to update...
09.03.2014
MultiROM theme updated with pngs from new dark theme:
Progress bar position now below action bar
Font size of tab labels reduced
Font color of main buttons, action bar labels and tab labels changed from white to a light grey
08.03.2014
All themes updated for TWRP 2.7.0.0.:
Added vibration settings page (time zone setting moved to actionbar) - ALL
Added capslock support to keyboard - ALL
Increased spacing for partition lists on "wipe page" and "mount page" - ALL
Changed color of console to match overall background color - ALL
Added option to center clock in statusbar - ALL
Added option for using Aroma File Manager instead of TWRP file manager (big thanks to @nijel8 for the idea) - ALL
HOW TO USE AROMA FM:
Download this flashable zip.
Flash the zip in recovery.
It will copy the flashable Aroma FM package to \TWRP\aromafm.
Go to "settings" and tick the option to use Aroma FM.
Profit.
Complete rework of Holofied Black, Dark and Light:
NOTE: The size of the XMLs for these themes has quadrupled, thus the themes need longer to load when entering the recovery.
Font size of tab labels reduced
Font color of main buttons changed from white to a light grey - BLACK, DARK
Lighter colors for actionbar and background - LIGHT
Added theme settings:
Added option to choose between nine highlight colors
Added options to independently apply chosen highlight color to statusbar, navbar buttons and actionbar
Added option to switch position of back button in navbar
Old Changelog:
04.02.2014
MultiROM theme updated:
Added cursor.png (mouse support)
Added option to "settings" for using Aroma File Manager instead of TWRP file manager (big thanks to @nijel8 for the idea)
26.01.2014
MultiROM theme updated:
Fixed "re-patch init" function for ubuntu touch
Added option for displaying full MR recovery version number (can be set in MR settings)
Added "restart system" button to all MR related "action done" pages
07.01.2014
MultiROM theme updated:
Fixed "set radio.img" function for secondary roms
20.12.2013
MultiROM theme updated to reflect changes made in MR recovery 20131215:
Added "swap roms" page
Added "set radio.img" button to "manage rom" page
Moved "multirom settings" and "inject" pages to action bar overflow menu
14.12.2013
Added "up" functionality to labels in action bar (works like home button)
Fixed behaviour of mount usb-storage page (for good)
07.12.2013
Added info on "mount usb-storage" page if device not compatble (all)
Removed highlight images for main buttons (all)
Folder / File icons enlarged (all)
MultiROM compatible version released (based on Dark KK)
Black / Dark KK theme released
22.11.2013
Added "Restart System" button to restore/wipe/backup/*anyotheraction*_done pages
18.11.2013
Black, Dark, Light, Play and XDA now with dynamic battery/clock alignment (will change for 24h or AM/PM clock)
17.11.2013
Black, Dark, Light and Play completely revised (mostly code, some images as well)
all themes now use the select storage list, toggles are removed
XDA released
12.11.2013
release
Available for:
Galaxy Nexus
Nexus 4
Nexus 5
Nexus 7
Nexus 7 2013
Galaxy Note 2
Galaxy Note 3
Galaxy S3
Galaxy S4
One X
One

FAQ
THEME FAQ
What's the difference between the dark and the dark_minimal theme?
The minimal themes only have one highlight color (dark holo blue).
The main advantage of the minimal themes is their reduced boot time compared to the multicolor versions.
They're ment to be used as base for porting or creating other single color versions.
Can I use this theme on my *devicename*?
Most likely yes. The themes can be used on any device with the screen resolution the filename of the theme suggests.
For example, the "1080_*variant*.zip" can be used on any FullHD device.
When I reboot to recovery, the theme isn't applied. Any ideas?
This is most likeley due to wrong naming of the theme folder or the ui.zip.
Make sure the folder is named "theme", without capital letters.
Also check if you accidentally renamed the downloaded zip to "ui.zip.zip" (common pitfall when renaming the zip in windows explorer).
When I reboot to recovery, I get a "recovery bootloop". Is my phone broken?
Nope, this is most likeley due to a bad download.
Please download the theme again using another browser or app. For instance, ES File Explorer's build-in downloader has proven to be unreliable for the dropbox links I provide.
I like what you did there, but can I has more/other colorz?
Colors are a matter of personal preferrence. I try to keep the themes neutral, and the colors used are (mostly) in accordance with android design guidelines.
For other colors, you'll have to modify the theme yourself. I will gladly provide the source file for the images to everyone interested.
Will you make a dark/black Play theme?
No, because I don't want to maintain more versions of the theme. But everybody is welcome to contribute to the thread...
Will you help me to port my favourite other theme to device XY?
No. But this guide provides insight on how you can do it.
RECOVERY REPACK FAQ
What version of TWRP is the repack?
Always the latest available for a certain device.
As I don't keep track of all TWRP threads, please remind me if there was an update for your device.
I'd like a repack for *devicename*, how do I make one?
Download and unpack Android Image Kitchen.
Unpack the zip.
Download the zip containing the custom curtains (splash images).
Get the recovery image you want to modify from the TWRP download site.
Copy the recovery image to the Image Kitchen folder.
In windows explorer, drag & drop the recovery image on the "unpackimg.bat".
Unpacking will create two new folders (ramdisk and split_image).
Rename the splash of your choice to "curtain.jpg" and drop it into /ramdisk/res/images.
Hit "repackimg.bat".
This will create a "image-new.img", which you can then flash away using your preferred method.
My preferred method for installing the recovery is GooManager, so how do I flash this .img thing?
Use the theme. It now supports direct image flashing from the install page.
Via Fastboot. Most useful to know how to (especially in case things go sideways).
Via app. For a variety of devices, Flashify has proven to be a good app for flashing recovery images. It's under (very) active development and I highly recommend to give it a try.
Alternative apps (can be device specific): SGS4 Flasher, ... (please help me to populate this part)
AROMA FM
Download this flashable zip.
Flash the zip in recovery.
It will copy the flashable Aroma FM package to \TWRP\aromafm.
Go to "settings" and tick the option to use Aroma FM.
Profit.

Additional Stuff
REPACKED TWRP IMAGES
These are repacked with a curtain to match your theme. Always latest TWRP version available (if not, remind me...)
Flash via fastboot or use Flashify from Play store.
Download:
Dropbox Folder
Screens:
Source:
A zip containing all curtains and the SVG file.
Curtains.zip
Un/Repacking the recovery image:
Use this marvelous .img editing tool by @osm0sis.
AROMA FM:
Download:
Aroma FM flashable zip
HOW TO USE AROMA FM:
Flash the zip in recovery. This will copy the flashable Aroma FM package to \TWRP\aromafm.
Go to "settings" and tick the option to use Aroma FM.
Profit.

These look great! The first TWRP themes I actually like!

It works! I love the last theme. Thank you!
Sent from my Nexus 5 using XDA Premium 4 mobile app

Do you think will work on HTC One S?
(Sorry for my bad english)
Inviato dal mio Nexus 4 utilizzando Tapatalk

ale29-09 said:
Do you think will work on HTC One S?
(Sorry for my bad english)
Inviato dal mio Nexus 4 utilizzando Tapatalk
Click to expand...
Click to collapse
No, theme is only available for resolutions of 720x1280 and higher...

TWRP 2.6.3.1 here. When I download, rename to ui.zip, create a folder in the TWRP folder and name it theme and then copy the zip there and boot to recovery it puts TWRP into a loop. I have to hold down power to do a normal boot.

HughesNet said:
TWRP 2.6.3.1 here. When I download, rename to ui.zip, create a folder in the TWRP folder and name it theme and then copy the zip there and boot to recovery it puts TWRP into a loop. I have to hold down power to do a normal boot.
Click to expand...
Click to collapse
For all four versions same result? They are all working fine here. Or maybe just a bad download?

z31s1g said:
For all four versions same result? They are all working fine here. Or maybe just a bad download?
Click to expand...
Click to collapse
Naw I figured it out. I didn't realize you were using dropbox hosting. On my phone if I click a link using dropbox and I pick es file download it doesn't download the file correctly. I have to click chrome so it loads the dropbox page with the download button. then click the button then click download with es file download.
Working fine once I realized it was a dropbox link

Thanks @z31s1g, "Holofied Play" theme is amazing.

Working great just like it did on the Nexus 4.
The only two issues I've found (only tested the Holofied Play version):
- The clock on the top is too far to the right and gets mostly cutoff at the edge of the screen
- When scrolling up and down in search of files/folders, the vertical scroll indicator on the right is only half way down the page when you've actually reached the bottom of the page.
Aside from this I'm loving it. Thanks!

sn0warmy said:
- The clock on the top is too far to the right and gets mostly cutoff at the edge of the screen
Click to expand...
Click to collapse
Are u using AM/PM? In this case you need to edit the ui.xml variables for proper clock alignement.
sn0warmy said:
- When scrolling up and down in search of files/folders, the vertical scroll indicator on the right is only half way down the page when you've actually reached the bottom of the page.
Click to expand...
Click to collapse
Strange, but I can't influence the behaviour, just the looks. Same list without theme is allright?

z31s1g said:
Are u using AM/PM? In this case you need to edit the ui.xml variables for proper clock alignement.
Strange, but I can't influence the behaviour, just the looks. Same list without theme is allright?
Click to expand...
Click to collapse
I failed to check it with the stock theme since I was too anxious to install TWRP and get the Play theme installed right away. :laugh:
I'll check the stock theme in a bit and report back.
EDIT: You're right, it does the same thing with the stock theme as well. Looks to be an issue with TWRP itself.

TWRP 2.6.3.2
z31s1g said:
About Theme
Recovery gone App.
This is a heavily modified version of the theme by thecoby.
Button labels on all pages are images (looks much nicer than the rendered fonts).
Almost all images created new from vector source (will be released later on to support porting and allow for easy changes to appearance).
Designed for 24h clock. To use AM/PM, edit variables in ui.xml, values are included as comment.
The theme is compatible with TWRP versions up to 2.6.3.3, but encryption page is not functional on versions older than 2.6.0.0.
Port the theme as much as you like. Second post will soon be updated with some info on this topic.
You use this theme at your own risk.
How to use:
Download the theme of your choice and rename it to "ui.zip".
On internal storage open TWRP folder and create a folder called "theme", no caps allowed.
Copy ui.zip to theme folder.
Restart to recovery.
Download:
Holofied Black
Holofied Dark
Holofied Light
Holofied Play
Changelog:
12.11.2013
release
Available for:
Galaxy Nexus
Nexus 4
Nexus 5
Nexus 7
Nexus 7 2013
Galaxy Note 2
Galaxy Note 3
Galaxy S3
Galaxy S4
One X
Click to expand...
Click to collapse
my n5 have TWRP vv2.6.3.2 and I just get boot loops!

Was it really necessary to quote the entire OP for that?
Maybe you have the same problem that this guy had?
HughesNet said:
Naw I figured it out. I didn't realize you were using dropbox hosting. On my phone if I click a link using dropbox and I pick es file download it doesn't download the file correctly. I have to click chrome so it loads the dropbox page with the download button. then click the button then click download with es file download.
Working fine once I realized it was a dropbox link
Click to expand...
Click to collapse

Beautiful! -Pressed on thanks-

quote
sn0warmy said:
Was it really necessary to quote the entire OP for that?
Maybe you have the same problem that this guy had?
Click to expand...
Click to collapse
sorry for that

pittrich said:
sorry for that
Click to expand...
Click to collapse
Were you able to get it working?

z31s1g said:
Were you able to get it working?
Click to expand...
Click to collapse
when installing the themes of the screen flickers when booting into recovery.