[GUIDE] Want to learn how to theme?

Did this guide help you out?


  • Total voters
    1,542
Search This thread

InfiniteIce

Member
Jun 11, 2012
9
3
Thanks for this guide, really in-depth.

I thought it'd be a lot easier unfortunately, looks like I have a lot of studying and experimenting to do.

Thanks!
 

Sean_Seany

Senior Member
Noob alert !

Hope I'm posting in the right place ?


I'm thinking about making some themes for my SGT2 7 and would appreciate some helpful advice from some Devs/theme makers on the subject..

I'm just going to make a list of some questions and hopefully someone can answer them.

1 - Any custom theme making apps for SGT2 7 ?

I have some experience in making some Windows 7 VS and have used things like THIS and THIS . Any Windows 7 (x64) software /android apps available for SGT2 7 ?

2 - 9.PNG's

Is it possible just to change some 9.png's or do i have to go all the way and change HEX as well ? Initially i want to make a simple theme just to ease myself into the whole experience. Once I'm more confident with what I'm doing i will experiment more and more.

3 - Status Bar / Task Bar

screenshot2012080819452.png


On every ROM that i have flashed on my Tab the "status bar" is always black. Is that "hard coded / a permanent fixture" into the ROM or can it be changed ? if so is it HEX or 9.PNG ?

4 - Custom sounds

Can they be added to a theme ?

5 - System Icons

Can they be changed / added to a theme or is that a different beast entirely ?

6 - Installation

What ROM do i need to be running to make a theme ? At present I'm using THIS or can stock ROM's be themed as well ?

7 - Root

I guess you'd have to have root on your device to apply a theme ? Hey im a "lock n load" kinda guy , but to our friends who don't want root , will they be able to apply my theme ?



Thanks :fingers-crossed:
 
Last edited:

ciscogee

Senior Member
Aug 13, 2011
891
192
Wa State
I've recently started using photoshop (CS5) to do all of my theming. Up to this point, I had always used gimp. With gimp, I never had any issues opening an indexed image, changing it to RGB, and then editing away. However with PS, whenever I open an indexed image and change it to RGB, nothing happens. I'm able to edit it but the png still looks indexed. In other words, it looks all jacked up. Is there something else you have to do in order to convert indexed pngs to RGB in photoshop??

Thanks

i used fireworks for pngs.
just pull all your ps work into fw and save edits. (make sure you merge and make smart objects etc [finalize] in ps first.)
.9.pngs can be done in ps if you know what your doing, if not there are plenty of .9 apps etc
hope it helps
 

s-X-s

Senior Member
May 22, 2012
379
184
Sydney
www.weindians.net
Vivo X60 Pro
I've recently started using photoshop (CS5) to do all of my theming. Up to this point, I had always used gimp. With gimp, I never had any issues opening an indexed image, changing it to RGB, and then editing away. However with PS, whenever I open an indexed image and change it to RGB, nothing happens. I'm able to edit it but the png still looks indexed. In other words, it looks all jacked up. Is there something else you have to do in order to convert indexed pngs to RGB in photoshop??

Thanks

Usually when u change indexed image to RGB usually layer lock goes away.. u get layer0 name for ur layer.... if that not happneing double click on layer name n change background to layer0 or 1 23 etc... I have always used PS never had any issues. after editing n ready to save hit Ctr+Alt+Shift+S to save n select png 24 for high qaulity.. n save it...
 
Last edited:

SXUsr

Senior Member
Jul 11, 2010
8,161
2,877
Here =)
I'm just going to make a list of some questions and hopefully someone can answer them.

1 - Any custom theme making apps for SGT2 7 ?
I'll give it a go. :)

1. Theme building I've found so far can be done in a few ways but most follow basic principles, so tools/ aren't device specific so just look at what's already available.

2. You can simply replace them, best to so imo with a like for like image, same dimensions and a .9, or edit the decompiled images.

3. Can be changed and most if not all are a .9png.

4. I'm going to say yes, not sure about adding new sounds though, would need a more knowledgeable answer.

5. Simply swap and replace, again I find it's best like for like in terms of dimensions.

6. Just a rooted stock ROM is enough.

7. Who wouldn't want to be rooted :confused::silly: , to make system changes such as replacing apks you're going to need to be rooted.

For anyone just starting to learn imo I thing it's best to download a few themed apks from other ROMs and just see what's what in the framework-res in terms of images and compare it to your stock framework. Start with simple image changing, because that in itself can be a task if you're also just getting started with de and recompiling etc.
 

geenyous

Inactive Recognized Themer
Oct 20, 2007
1,785
853
Shanghai
I am trying to get rid of the green parts in my Sense 4.0 ICS ROM.

I was able to change some xmls that pop up dividers and the text in the pop up is blue (see here: http://db.tt/aOJofOIt) but I don't know what to change to make apps also display blue instead of green, see here: http://db.tt/hvPwInid .

I assume its also some xmls I have to edit, but where?
In SystemUI or fw-res (where I already made the other changes, getting me halfway there...)

Thanks for your help!

Sent from my htc One X
 

Smokem_I

Senior Member
Nov 24, 2010
2,398
1,777
Peoria
I am trying to get rid of the green parts in my Sense 4.0 ICS ROM.

I was able to change some xmls that pop up dividers and the text in the pop up is blue (see here: http://db.tt/aOJofOIt) but I don't know what to change to make apps also display blue instead of green, see here: http://db.tt/hvPwInid .

I assume its also some xmls I have to edit, but where?
In SystemUI or fw-res (where I already made the other changes, getting me halfway there...)

Thanks for your help!

Sent from my htc One X

Well unfortunately those apps can't be themed by just modding the framework or SystemUI... Each app has its own pngs and xmls that have to be modified. It can become very tedious due to the fact that each time they update they loose the theme. Unfortunately no one has come up with an easy way of accomplishing this on Sense yet. The only way is to theme each app you want individually...

Sent from my BluMagic One S using Tapatalk 2
 
  • Like
Reactions: geenyous

geenyous

Inactive Recognized Themer
Oct 20, 2007
1,785
853
Shanghai
Well unfortunately those apps can't be themed by just modding the framework or SystemUI... Each app has its own pngs and xmls that have to be modified. It can become very tedious due to the fact that each time they update they loose the theme. Unfortunately no one has come up with an easy way of accomplishing this on Sense yet. The only way is to theme each app you want individually...

Sent from my BluMagic One S using Tapatalk 2

Thanks for your reply, but that's not true. The sensecream theme from fisha21 is able to do the same. I have already asked him and am waiting for a reply, but I thought that this was fairly standard, that's why I asked here too.

Sent from my AOKPed htc One X
 

Smokem_I

Senior Member
Nov 24, 2010
2,398
1,777
Peoria
Thanks for your reply, but that's not true. The sensecream theme from fisha21 is able to do the same. I have already asked him and am waiting for a reply, but I thought that this was fairly standard, that's why I asked here too.

Sent from my AOKPed htc One X

Alright, I was under the impression that you had your entire framework modified... It all depends on where the app in question is pulling the info from... Some apps do pull from the system but most have their own pngs and xmls... It all depends on the developer. Seeing as another themer has accomplished this it is probably an xml you missed. I normally theme CyanogenMod so I'm kinda rusty when it comes to Sense... Please share the information you find as I'm currently running Viper rom and am going to start themeing it soon.

Sent from my BluMagic One S using Tapatalk 2
 

geenyous

Inactive Recognized Themer
Oct 20, 2007
1,785
853
Shanghai
Alright, I was under the impression that you had your entire framework modified... It all depends on where the app in question is pulling the info from... Some apps do pull from the system but most have their own pngs and xmls... It all depends on the developer. Seeing as another themer has accomplished this it is probably an xml you missed. I normally theme CyanogenMod so I'm kinda rusty when it comes to Sense... Please share the information you find as I'm currently running Viper rom and am going to start themeing it soon.
I found it!:victory:

It was some pngs I missed, had all xmls themed already.

To change from green to any color, you have to edit the values/colors.xml in SystemUI & fw-res as well as the drawable/progress_horizontal.xml & layout/zzzhtc_alert_dialog_holo.xml.

I am using the villaintheme method, so I copy the resources.arsc file out of the compiled apk and push it as this is where the colors.xml changes are after recompiling (I am sure you know, but maybe others don't).

Hope this helps you with your theme! :)
 
  • Like
Reactions: Smokem_I

pabloltg

Senior Member
Jan 23, 2012
267
203
Córdoba
Hi guys!.

I theming Moto ginger stock but i cant solve this prob.

Anyone know what i do?

This is global_actions_item.xml edited.

shot_000074.png
But..
shot_000069.png


:crying:
 

SXUsr

Senior Member
Jul 11, 2010
8,161
2,877
Here =)
Did you mention how to theme, just the ways, but not how to! Editing framework-res.apk
Did you read the first post or skip over it? Theming isn't something you or anyone else is going to learn in a day and requires a lot of reading and practising, along with Googling "how to whatever" as most questions new themers have have already been answered many times before.
 
  • Like
Reactions: life

stiil

Member
Jan 2, 2012
10
0
Is there a guide for theming in MIUIv4? I don'tknow how to change the apps and can't find any tutorials or guides how this can be done

would be great if someone could help me :D
 

Top Liked Posts

  • There are no posts matching your filters.
  • 490
    I'm asked all the time how to theme; what's the best way, the best tools, etc. Well, I'm going to compile the best resources that I think will get you up and theming. It's a process, and you'll need to have time and devotion, but these tools and tips will help :D

    • A general guide (MOD Info: The document seems to have been removed and there is no possibility to recover it)

    This is the best guide that I know of out there for theming; it is comprehensive, and if you use it, you should give a big thanks to the makers of it.


    I find both of these to be great; I have apk manager (windows and linux) on my pc, and apktool (windows, mac, and linux) on my mac. APK manager will likely be best for beginners due to its simplistic and user friendly UI, and it offers some more features then apktool, like zipaligning, optimizing, etc. Both are fantastic, and absolutely a huge help for theming and decompiling apps.


    It's always helpful to know how to use the SDK for adb, zipaligning, and other tasks. Remember, even if you have other tools like apk manager to zipalign, it's always good to know how to do it by hand ;) And you'll need tools in it like draw9patch for those pesky .9pngs


    You will use this all the time. Editing files like decompiled XMLs on this is a breeze


    You'll use this every time you do XML edits; you'll need these color codes to tell the XMLs what color you want to show up


    Want to go all out? Go photoshop. Want a great, free tool to theme with? Gimp is the way to go. Either way, you'll want to use one of these tools for png edits when theming. Paint.net is also another good free tool for edits.


    For you mac users like me, Hex Fiend comes in handy if you ever need to edit binary (non readable or decompiled) XML.


    Fabulous tool on windows to create and modify elements of updates zips


    Want to make an ADW theme? This is a great tool to get you started on that :)

    • Knowledge ;)

    You'll want some general knowledge with terminal or windows cmd prompt. Because you will use it. Also, you'll need to know what to edit in a theme to change aspects of color and such correctly. Well, this is a great tool to find out what you need to edit :D


    I'll be adding to this guide as needed. Please, feel free to ask any questions, and I'll be here to answer them :) Hope this helps everyone!
    112
    In Depth Look: XMLs

    For the first in depth look, I'm going to focus on XML edits, as they are a major component to having a complete and thorough theme. Image edits are easy enough, but many don't know where to go when it comes to XMLs. Well, here's where I'll tell you ;)

    • What is an XML?

    Here's is a nice read on XMLs and what they are.

    • What do XMLs have to do with Android?

    XMLs can control many functions in android apps. For the scope of this thread, we'll be changing binary XML into a readable XML file to make our edits, which will usually result in color changes in apps.

    • How do I edit an XML?

    1. Make sure you have apktool or apk manager correctly set up. They'll make XML edits a breeze. If you need help setting them up, wither ask me or see their manuals.
    2. Take the apk you want to edit, and decompile it with one of those two tools. Make sure if it's dependent on Sense resources or TW ones that you have those set up. (Again, either ask me or see instructions for apktool and apk manager)
    3. Once decompiled, open the XML you'll need/want to edit. See the link I have above under knowledge for finding out what XML you may need to edit
    4. For Windows, use Notepad ++ to edit, and for Mac, use TextWrangler (just suggestions, others work as well)
    5. Use the Hex Color code link I have listed above in the OP to find the suitable code for the color you'll want if you;re making a color change. Remember, the color codes will be 6 digits, but there'll be 2 digits in the XML before the color code. 00 is transparent, and FF is the "regular" color for lack of a better term.
    6. When done with the XML changes, recompile the apk
    7. Sign if needed, and install to see if the changes you've made are worth it ;) :D
    105
    In Depth Look: Using Apktool or Apk Manager.

    • What are they?

    Apktool and Apk Manager allow you to decompile, reengineer, and compile apks after making changes to files in the decompiled apk.

    • Why would I need them?

    These tools allow you to edit XMLs, edit smali files, and change many other aspects of the apk that you wouldn't be able to do without decompiling the apk.

    • Setting up apktool on a mac

    If you have a mac like me, remember that apk manager doesn't work on macs. So, you must use apktool, which is absolutely fine, as in my opinion apktool is better than apk manager. To set up apktool, you must have root mode enabled on your mac. To do that, simply follow these steps:

    1. Open system preferences
    2. Open accounts
    3. Go to login options
    4. Hit join next to network account server
    5. Select open directory utility
    6. Click the lock at the bottom of the window that pops up and enter an admin password
    7. Then, go to the top bar on your mac, hit edit, and select enable root mode

    Once you have root mode enabled, you're ready to set up apktool:

    1. From the apktool website, download apktool1.3.2.tar.bz2 and apktool-install-macosx-2.2_r01-1.tar.bz2
    2. Next, open terminal
    3. su
    4. tar -C /usr/local/bin -xvf <zipped file name>
    5. tar -C /usr/local/bin -xvf <zipped file name> (for the second file)
    6. Now to confirm it worked, type "apktool" no quotes
    7. You should get a help menu for apktool
    8. If so, you're good to go! :D

    Now, once you have it set up, you're ready to go! After typing apktool, you'll see the help menu which'll give you the commands available for apktool, but I'll go over the basic ones here.

    • apktool d "apk path here" will decompile the apk
    • apktool b "decompiled apk path here" will build an apk from a previously decompiled one
    • apktool if "framework-res.apk path here" will install a framework res or any app really to allow you to work with dependent apps. For example, if you want to modify an HTC sense apk, you'll need to install the htc.resources.apk first through this method before decompiling the sense apk.

    • What if I have windows?

    The steps will be very similar. See the apktool website I have listed above for a bit more info, but as I said, it's not too far off minus the having to get root access part.

    • This seems to complex, and I hate using commands! I wish there were another way....

    Oh, but there is! *ends cheesy infomercial voice* Apk manager will give you a simplified setup, and all of the same features plus more; all you need is windows or linux.

    • Great! How do I get that?

    1. Download Apk Manager
    2. Extract the zip
    3. Open up the enclosed script
    4. The rest is pretty self explanatory ;)

    Now, even will apk manager, you'll need to make sure you know how to set frameworks up and such, but it makes it much easier with its convenient scripts. If you have any questions, ask them here and I'll certainly do my best to answer them :D

    Helpful Hint!

    • Remember, once you have an apk decompiled with apktool or apk manager, you have the best chance to correctly edit .9pngs!
    • If you open the .9png in the decompiled app and edit it with gimp or photoshop while leaving the pre-drawn boarder there, you'll be able to recompile the apk with a properly edited and themed .9png ;)


    Advanced Decompiling

    • Sometimes, you have that pesky app that just won't decompile correctly. Usually, it's an app related to others, like a proprietary system app based off framework-res.apks.
    • When this happens, you need to ensure that the frameworks are there to have the app's recourse tables properly compile.
    • For either apktool or apk manager, find a folder on your computer called "apktool."
    • The should be a folder in here called "framework," and inside that, a 1.apk.
    • For an app that is dependent on the framework-res.apk in a specific phone/rom, take the framework-res.apk for that rom and rename it 1.apk.
    • Replace the default one in the folder with yours.
    • If there's a second one, like the twframework-res.apk for Samsung phones, rename it 2.apk and place it in the "framework" folder.
    • Now, decompile like normal, and everything should be good :)
    54
    Editing Smali

    Right here, thanks to Yorzua :D
    10
    Cool, so what about theming market apps. I mean like changing the icon. I know how to change them individually but what about changing them in bulk. Where would one put them inside of an update.zip?

    Sent from sweet G2 :)

    Changing them in bulk would require you to theme each icon you'd like, and then you could do one of a couple things:

    1. Make them your custom icon with ADW or LP (easiest way)
    2. Install them over the apps you have on your phone to get your custom themed app
    3. Make a flashable zip to add the apps to system/app, resulting in a themed set of apps, now in system/app

    I should probably add a bit to the guide on making zips, yes? :eek: :D