First off, BIG BIG thanks to dhemke17, this is only me adding to his guide.
How to Port Themes To Other roms:
First off, Slow down, relax, look at what you are doing, this is a generalization, if the xml, or image file does not exist
in the apk your trying to theme, do not add it, or subtract it, you add or subtract anything it will not work, YOU ARE ONLY
REPLACING!!(doin some math here is your ticket to boot camp)
1) Download 7-zip, or winrar as they can open .apk files without unarchiving them.
2) Download both the rom you want to theme, as well as the theme you want to port.
3) Using 7-zip, open the rom and pull out the following files:
a. Browser.apk
b. DeskClockGoogle.apk
c. GoogleQuickSearchBox.apk
d. Launcher2.apk
e. SystemUI.apk
f. Framework-res.apk
4) Make a separate folder and unarchive the theme your want to port there.
5) Open a theme .apk file(s), Open in 7zip or winrar, dont extract, just open and manipulate.(keep in mind, all your image
files you will need to replace will be in the following folders)
6) Open these folders in your themes .apk(s) files:
a. Drawable-mdpi (may be drawable-xlarge-mdpi/hdpi/nodpi)
b. Drawable-nodpi
c. Mipmap-hdpi
d. Mipmap-mdpi
7) Now, open the corresponding folders in the roms apk file,(agian, winrar, 7zip)
a. Select all images from the theme's .apk and drag-and drop to the corresponding location in your roms apk file.do this
for each image and you will be about 90% there…
b. If the image you want doe snot exist in the theme, use photoshop or gimp to produce it as you see fit, when your done
make sure you put it in the right folder, make sure its the same size and resolution and name as the original, or it will
not work!!!
8) There are several xml files that need replacing…
a. DeskClockGoogle.apk/layout-xlarge-land/desk_clock.xml
b. Launcher2.apk/layout-xlarge/
i. all_apps_paged_view_application.xml
ii. button_bar.xml
iii. customize_paged_view_item.xml
iv. customize_paged_view_wallpaper.xml
v. customize_paged_view_widget.xml
c. SystemUI.apk/drawable/
i. status_bar_notification_area.xml
ii. status_bar_notification_panel_title.xml
d. SystemUI.apk/layout-xlarge/
i. status_bar_notification_area.xml
ii. status_bar_notification_panel_title.xml
e. framework-res.apk/layout-xlarge/ keyguard_screen_status_land.xml
I your making a new theme or have nothing to port, you will need to decompile with apk tool to actually go in and edit values and colors in xmls
Below is the link to download a update.zip template, (how you and everyone will apply the theme)
By this step the structure of the folders inside of the update.zip should seem familier, just bare in mind anything you put
in there will 1. replace the existing 2. add if not there already. You will Open the update in winrar 7zip as well, if you theme an
app thats not a system app, it will go to update.zip/data/app, if it is a system app it will go to update.zip/system/app,
and the themed framework-res goes to update.zip/system/framework/
http://www.mediafire.com/?6getd70r869d7j1
Good luck, happy theming, if you need help PM me or dhemke7 and we'll see if its salvagable
Nice post...looks familiar lol...I would like to add a couple of things though since this was very specific for the the HoneyBread Theme:
Additional Steps:
1) Pull the images as described above
2) In order to determine what xml files were originally edited, one can arrange the folders by date modified and go through and find what xmls were most recently edited and pull them...OR
3) To modify the xmls yourself, you must use apktool to decompile the specific apk files. Once decompiled, you can actually read the xml files and you can edit them yourself.
Remember, when porting a theme, always give credit where credit is due and you should ask permission from the initial creator before posting. Have fun everyone...if you need any help with theming/apktool, feel free to contact me here or PM me and I will be happy to help.
Thank you thank you
So how hard do you think it would be to port the Matted Blues Theme? with jabbawalkee permission of course! Always been a fan of that theme.
Post a link, ill get it ported.asap...
Sent from my SCH-I510 using XDA App
what is the the theme from?
Its from CM...gbread...they just made it an apk to run on their theme engine. I would love to learn how to port the themes myself...I have read through this tutorial, but at some points I am getting lost. Here is the theme...I mean if you guys could help it would be awesome!
http://forum.xda-developers.com/showthread.php?t=768848
Ryan
you on this D? Let me know if there is anything I can do
MitchTank said:
you on this D? Let me know if there is anything I can do
Click to expand...
Click to collapse
I hate to say this, but there would be all sorts of compatibility issues being that the theme comes from a phone, which has different dimensions and sized images, they all have different names..it would honestly take forever to port. One would be better to completely redesign the theme for honeycomb. I don't have time for that right now
that is a good point, it is sweet though.....onward to the Charge
Id love to see this on the charge...if you plan on tackling this.beast, you have to modify the XML files yourself as aosp files aren't compatible.
Sent from my ADR6400L using XDA App
hey guys. I've been beta testing bigdx's zoom zoom theme for the galaxy tab 10.1. I've ported it to Caulkins touchwhiz km7 rom but I can seem to change the clock colors. Can you help me out?
on ours its in a values folder after recompiling with apktool
hey i was porting the aosp theme of galaxy s to galaxy fit....everything worked fyn xcpt one !! in main theme a green line comes below every power button of the pulldown status bar when it is switched on...i am just nt able to put it,pls help!!!
Sent from my GT-S5670 using XDA Premium App
HOW TO MODIFY THEME CHOOSER APKs (Windows only)
this thread was created to help my HUEsers modify my theme.apk, (may be applicable to other themes as well)
to get familiar and exposed on the contents of it and basic filenames / codes inside the apk,
because some users are not fully satisfied with my releases
some want additional stuffs added, some want to change some parts/areas, some want to remove specific apk being themed,
as much i want to help and provide modified themes for you, i may be busy most of the time,
and i can't even grant all your requests
so i decided to start the thread to help you guys, guide on how to mod it,
and who knows, one of these days
you will become one of the Recognized Themer of XDA,
enjoy and i hope you found this useful
WARNING!!!:
use this guide for your own use only, if you wish to release in public and start a new thread,
PLEASE ASK PERMISSION TO THE DEVELOPER and GIVE PROPER CREDITS AND LINKS
and DON'T modify and release their paid/donate version themes, RESPECT PLEASE!!!
WHAT YOU WILL NEED?
Java Platform (JDK)
Android SDK (included in ADT Bundle)
Notepad++
APK multitool - thanks @raziel23x
modified aapt.exe - thanks @titanic_fanatic
SETTING UP...
1. now that you have downloaded all the tools above, install jdk, sdk, and apk multitool one by one,
(instructions must be on their individual websites) you may want to install them all in the root of your drive C:
2. once you are done installing apk multitool, grab the aapt.exe you downloaded in the link above
(please thanked @titanic_fanatic on his post and work - this is a modified aapt.exe that lets you compile upper case package names)
and put/replaced existing aapt.exe in APK-Multi-Tool/other
LET"S DO IT!
decompiling theme (Hue.apk for ex)
1. put Hue.apk in APK-Multi-Tool/place-apk-here-for-modding
2. double click Script.bat in APK-Multi-Tool
3. press any key
4. press 9 (Decompile apk)
5. go to APK-Multi-Tool/projects and you will find a folder named Hue.apk
6. that's it, you have just successfully decompiled my theme and time to do the edits
7. don't close script.bat
modifying apk
1. this is the time you will do your modifications (changing/adding/deleting images and codes)
2. i will discussed most important parts of apk in post #2 to keep this instruction short and clean
3. don't close script.bat
compiling / signing / installing
1. on your phone, go to settings > developer options > and check usb debugging
2. connect your phone on your pc / laptop
3. now in Script.bat opened, select 15 (this will compile, sign and install your modified theme all at once at your phone)
4. that's it, check your phone using your modified theme
5. congratulations!
6. btw your modified apk is located in APK-Multi-Tool/place-apk-here-for-modding as signed_Hue.apk (you can rename it)
MY THEMES
Hue
Asul
SimpleSoft
HeKi [Hello Kitty]
CREDITS / THANKS
Learned from their threads:
anthonycr
nhnt11
ebs512
BASICS INSIDE THE APK
3 basic file types/extensions we will be dealing with most of the time
1. .xml - color codes, image redirections, are inside this file (use Notepadd++ to open such files)
2. .png - these are the images/icons we usually see on most part of the phone ui (open using photoshop/gimp and dont edit using paint or you will lose its transparency background)
3. .9.png - stretchable pngs that expand or shrink depending on the usage (these images has a black pixel boarder that needs to be preserved, or else you will be having error in compiling)
color codes (hex codes)
quick overview of color hexcodes (range - 0 1 2 3 4 5 6 7 8 9 A B C D E F)
#FF000000 as an example (represents black while white is #FFFFFFFF)
FF or the first two letters of the code represents its transparency 00 means full transparent while FF is opaque (im using 88 or 80 for semi transparent)
next 6 digits are the RGB color code, look at this way #FFRRGGBB
if you want solid red, use #FFFF0000, solid green #FF00FF00, solid blue #FF0000FF
just play with the color codes (im sure you have just played with it in most of the rom options)
decompiled apk
once you decompiled apk, you will noticed a folder named res (this is our main concern, we will be working with this folder all the time)
inside the res folder...
there are lots of drawable-** folder that contains all of our images (.png and .9.png),
most of the icons are located in drawable-xhdpi and drawable-hdpi,
you can also find values folder containing some xmls such as
styles.xml - this xml is where i usually make my inverts of ui (from holo.light to holo for example)
drawables.xml - some color codes were redirected here
colors.xml - some of the hex codes inside styles.xml were redirected here, most color codes inside drawable folder and color folder are also redirected here, so i can only have one place of editing when converting color codes on my color versions of themes
next is the xml folder
xmls inside this folder controls the apps being themed, you can find package names of the apps as the xmls filenames
if you will noticed, there are some xmls here having upper cases, that's why we need the modified aapt.exe (again thanks titanic_fanatic)
last is the mipmap-** folder
this folder contains all the themed launcher icons, i already redirected all my themed app's launcher icons here
file names
how do i named the images? let's put an example
go to res/xml and look for com_android_calculator2.xml
now this is the xml that controls my themed calculator, if you open up the xml via Notepad++ you will notice the original png file names being replaced by my own themed png through a line code
this line for example (this is the delete icon in calculator)
Code:
<item name="drawable/calc_clear_symbol">@drawable/calculator_calc_clear_symbol</item>
the stock/original png which is calc_clear_symbol.png under drawable-xhdpi folder
Code:
<item name="[B][COLOR="Red"]drawable/calc_clear_symbol[/COLOR][/B]">@drawable/calculator_calc_clear_symbol</item>
is now being replaced by my themed icon calculator_calc_clear_symbol.png under drawable-xhdpi folder
Code:
<item name="drawable/calc_clear_symbol">@[B][COLOR="Red"]drawable/calculator_calc_clear_symbol[/COLOR][/B]</item>
i just put a prefix calculator_ so i can easily locate where they are when modifying
**most of the themes out there uses the app's package name as their prefix
for example...
in my theme i use
Code:
<item name="drawable/calc_clear_symbol">@drawable/[B][COLOR="Red"]calculator_[/COLOR][/B]calc_clear_symbol</item>
but others and most of them use
Code:
<item name="drawable/calc_clear_symbol">@drawable/[B][COLOR="Red"]com_android_calculator2_[/COLOR][/B]calc_clear_symbol</item>
i just make it simple the way i can easily search them in my drawables folder
IT'S MODDING TIME!
i will show you some examples and what file to edit with these mods
again file names of images may vary depending on theme,
but package name under res/xml are standard on all theme
before you begin modifying, delete Public.xml in res/values folder
remove themed launcher icons
delete these two folders
res/mipmap-hdpi
res/mipmap-xhdpi
remove themed specific apps
for example you don't want my themed keyboard and prefer stock aosp keyboard look
delete the xml of the apps you want to be removed, in our example keyboard which is
com_android_inputmethod_latin.xml in res/xml folder
change background of system and dialer
prepare your custom background (make sure you have the right size as per your screen resolution)
hdpi - 480x800
xhdpi - 640x960
and name it as
contacts_background_dial_holo_dark.png and framework_background_holo_dark.png
and replaced existing backgrounds in res/drawable-nodpi
change notification background
the image for that is system_notification_panel_bg.9.png located in res/drawable-xhdpi
note that this is a .9.png, be careful in editing and preserve the black 1px boarder of it
however you can bypass the image if you want to make it the stock look or pure black look
open com_android_systemui.xml in res/xml
look for the line
Code:
<item name="drawable/notification_panel_bg">@drawable/system_notification_panel_bg</item>
you can see that it was redirected to my themed image system_notification_panel_bg.9.png
if you prefer the stock background look, just delete that entire line
if you want it to be pure black, remove the redirection to the custom image and this time redirect it to hex code instead
Code:
<item name="drawable/notification_panel_bg">#FF000000</item>
change (non connected to google server) signal back to grey
download HueSilver.apk, rightclick and open archive using 7zip
go to res/drawable-xhdpi (for phone ui only, for tablet ui, go to res/drawable-sw720dp-xhdpi)
drag these icons outside the apk and replaced it on the apk you were modifying
(dragging existing images from the apk is only applicable to .png and not to .9.png)
system_stat_sys_data_connected_1x.png
system_stat_sys_data_connected_3g.png
system_stat_sys_data_connected_4g.png
system_stat_sys_data_connected_e.png
system_stat_sys_data_connected_g.png
system_stat_sys_data_connected_h.png
system_stat_sys_data_connected_hp.png
system_stat_sys_signal_1.png
system_stat_sys_signal_2.png
system_stat_sys_signal_3.png
system_stat_sys_signal_4.png
system_stat_sys_wifi_signal_1.png
system_stat_sys_wifi_signal_2.png
system_stat_sys_wifi_signal_3.png
system_stat_sys_wifi_signal_4.png
i will update this post on my free time and depending on users concern
just ask here and i will see if i can answer all areas, sometimes i can't remember what file/png i've changed
---
Looks good
Keep up the good work
Edit: Added to the RootBox Jelly Bean Mods thread http://forum.xda-developers.com/showthread.php?t=1806577
Very nice, thank you
Sent from my Nexus 7 using Tapatalk HD
Bookmarked for the weekend! Thanks, kroz!
thanks guys, i hope you'll learn something in this thread
thanks a lot for your guide. it will help us A LOT.
but i tried to decompile "hue_2.8.apk" twice, but it showed error.
i decompile some other apps' apk files and it's ok.
yaibakt said:
thanks a lot for your guide. it will help us A LOT.
but i tried to decompile "hue_2.8.apk" twice, but it showed error.
i decompile some other apps' apk files and it's ok.
Click to expand...
Click to collapse
what error?
can you try to rename first Hue_2.8.apk to Hue.apk and decompile again
kroz said:
what error?
can you try to rename first Hue_2.8.apk to Hue.apk and decompile again
Click to expand...
Click to collapse
the 2nd time i tried, i renamed it to Hue.apk already.
ive been using this software to mod some other apps before. but this is error on mine:
yaibakt said:
the 2nd time i tried, i renamed it to Hue.apk already.
ive been using this software to mod some other apps before. but this is error on mine:
Click to expand...
Click to collapse
try to update your framework-res.apk in /other folder
replaced it with your rom's framework-res.apk (android 4.2.2)
Salamat.
How about the clock? If I want to make it the default one. Thanks
JeraldPenus said:
Salamat.
How about the clock? If I want to make it the default one. Thanks
Click to expand...
Click to collapse
which clock?
kroz said:
try to update your framework-res.apk in /other folder
replaced it with your rom's framework-res.apk (android 4.2.2)
Click to expand...
Click to collapse
still no luck. i get framework-res.apk from my phone at folder /system/framework/ and copy to the other/ folder of apk multi tool, and try to decompile again, but still error.
Just changed background for dialer and settings:laugh:
Wow. I knew before its a lot of work what you do... but its huge work(after I saw how many .png`s there)!!!:good:
Thanks for lesson Mark
yaibakt said:
still no luck. i get framework-res.apk from my phone at folder /system/framework/ and copy to the other/ folder of apk multi tool, and try to decompile again, but still error.
Click to expand...
Click to collapse
hmmm, maybe you can try to check this thread
http://forum.xda-developers.com/showthread.php?t=1310151
i am not expert on the tool itself, maybe the developer could give some suggestions
rtimoff said:
Just changed background for dialer and settings:laugh:
Wow. I knew before its a lot of work what you do... but its huge work(after I saw how many .png`s there)!!!:good:
Thanks for lesson Mark
Click to expand...
Click to collapse
there are lots of images, and i already deleted thousands of repeated images and just redirect those
to make the file smaller,
5 months in existence
kroz said:
there are lots of images, and i already deleted thousands of repeated images and just redirect those
to make the file smaller,
5 months in existence
Click to expand...
Click to collapse
yeah, titanic work
Mercado_Negro said:
@kroz
I just noticed that the signal bars are always blue (using HueLite2.8), which is weird because I've been using your theme for a couple of versions and this is the first time I notice this. You can read my specs on my signature below.
I follow the color change from grey to blue and viceversa to check if there's Internet on my phone.
Could you please tell me if I can edit this using your guide and what should I change if that's the case? It would be great if it followed the color conventions in the official version, though.
Thanks in advance, sir.
Click to expand...
Click to collapse
download HueSilver.apk, rightclick and open archive using 7zip
go to res/drawable-xhdpi (for phone ui only, for tablet ui, go to res/drawable-sw720dp-xhdpi)
drag these icons outside the apk and replaced it on the apk you were modifying
(dragging existing images from the apk is only applicable to .png and not to .9.png)
system_stat_sys_data_connected_1x.png
system_stat_sys_data_connected_3g.png
system_stat_sys_data_connected_4g.png
system_stat_sys_data_connected_e.png
system_stat_sys_data_connected_g.png
system_stat_sys_data_connected_h.png
system_stat_sys_data_connected_hp.png
system_stat_sys_signal_1.png
system_stat_sys_signal_2.png
system_stat_sys_signal_3.png
system_stat_sys_signal_4.png
system_stat_sys_wifi_signal_1.png
system_stat_sys_wifi_signal_2.png
system_stat_sys_wifi_signal_3.png
system_stat_sys_wifi_signal_4.png
kroz said:
download HueSilver.apk, rightclick and open archive using 7zip
go to res/drawable-xhdpi (for phone ui only, for tablet ui, go to res/drawable-sw720dp-xhdpi)
drag these icons outside the apk and replaced it on the apk you were modifying
(dragging existing images from the apk is only applicable to .png and not to .9.png)
system_stat_sys_data_connected_1x.png
system_stat_sys_data_connected_3g.png
system_stat_sys_data_connected_4g.png
system_stat_sys_data_connected_e.png
system_stat_sys_data_connected_g.png
system_stat_sys_data_connected_h.png
system_stat_sys_data_connected_hp.png
system_stat_sys_signal_1.png
system_stat_sys_signal_2.png
system_stat_sys_signal_3.png
system_stat_sys_signal_4.png
system_stat_sys_wifi_signal_1.png
system_stat_sys_wifi_signal_2.png
system_stat_sys_wifi_signal_3.png
system_stat_sys_wifi_signal_4.png
Click to expand...
Click to collapse
Grrr... I'm limited to 8 thanks per day.... Thanks a ton, kroz! You're da man!