Author Topic: Since this is empty... (Intro to theme-ing)  (Read 2708 times)

0 Members and 1 Guest are viewing this topic.

Since this is empty... (Intro to theme-ing)

« on: April 14, 2012, 03:09:50 PM »
  • Thank You
  • -Given: 0
  • -Receive: 0
  • jcole20

    Posts: 545
    User Rating: +120/-0
    Offline
    • Co-Admin
    • *
    • Hero Member
    • Personal Text
      I LOVE TO ARGUE
    Here's some key things people need to know about themeing for their cellphones and some key apps to get.

    1) Every app has an associated .apk.
    2) Inside of every app .apk are a few folders.
    3) The images you see on your status bar (3g icons, signal bar icons, etc) are in a drawable folder inside the SystemUI.apk and framework-res.apk respectively. *framework-res.apk/res/drawable-mdpi* (for example)
    4) The same idea from 3) applies to basically every app on your pone.
    5) A good example would be to open the facebook.apk and try looking around its drawable folders.
    6) Using this knowledge you can begin to theme and work on improving the look and feel of your phone.

    For the purpose of this simple intro, I'm going to just give you a list of apps you can (and should) use from a Windows Environment for themeing purposes.

    - 7-zip (for opening .apks)
    - Paint.net (for editing images, though you can use an image editor of your choice I highly recommend Paint.net)
    - Notepad++ (for editing text files and .xml's, smali's, .prop, .rc etc... any text file on your phone can easily be edited with this app)
    - APK Manager (not apk multi-tool... while multitool is supposed to be an update, I find apk manager to be the best in my experience)

    Using the above you can easily begin to edit your phones files.

    I'll give a quick example of how I would go about editing the Signal bar icons on my phone (the lg optimus q)

    Step 1) I'm going to pull the systemui.apk from /system/app and place it somewhere to begin editing it.
    Step 2) I'm going to open the archive (using 7-zip) and navigate to /res
    Step 3) I'm going to click on the drawable-mdpi folder and drag it out of the .apk.
    Step 4) I'm going to open the drawable-mdpi folder, and I'm going to find the signal bar icons.
    Step 5) I'm going to one by one edit them (for the purpose of this I'm only going to walk you through editing one).
    Step 6) On the optimus q, the signal bar icon I want to edit is the green (synced with google) status bar icon when I            have full strength. That icon is named "sprint_stat_sys_signal_6_green_cdma". I'd like to make that icon a bright red so what I'm going to do is open it in Paint.net.
    Step 7) In paint.net (or your image editor of choice) I recommend having a hex code (color code) for the color you plan on making your phones icons. In this tutorial I'm going to shoot for a deep red. So hex code #660000 seems to be a good choice for me.  You are not allowed to view links. Register or Login.
    Step 8) Inside of paint.net I'm going to click on the fill bucket. In my color swatches I'm going to click more, and manually input the hex code 660000 into it. Then I'm going to zoom in on my image (Ctrl +) in most image editors and I'm going to fill the signal icons with the red. Should look like You are not allowed to view links. Register or Login.
    Step 9) I'm going to save the image (by hitting ctrl+s) and exit out of the image editor.
    Step 10) I'm going to go back to the SystemUI.apk and I'm going to again open the archive with 7-zip.
    Step 11) I'm going to delete the drawable-mdpi folder from the .apk by just clicking on it and hitting the delete key.
    Step 12) I'm going to drag the drawable-mdpi folder that I copied out (and that houses my newly edited image(s)) back into the .apk.
    Step 13) I'm going to either push or flash the apk onto my phone.
    Step 14) I'm going to enjoy my work :) my google-synced full signal icon is now BLOODRED.

    This is a simple tutorial but this practice can be repeated for just about every .apk and every icon. You may want to get a bit more stylized on some of the bigger icons, but the process is the same. Not everything is controlled by an icon, but the majority of the images you see are. With this in mind we can fully customize our phones.

    Now you may run across a .9 image at some time. .9 images generally need to be decompiled before you can edit them. This is a rather simple process and I'll create another guide at a later day for that. But basically you use the apk manager tool to decompile the apk. Once decompiled you're going to find the .9 image you want to edit. Open it in paint.net and edit it like you did the signal bar icons above (making sure not to coverup the black line (barriers) you see in the image). Recompile and you're good to go... I'll make a full write-up on editing .9's at a later time though. Enjoy :)
    • Custom
    • HTC One M8
    • TWRP
    • Rooted-Rom
    Innovation comes from being as stubborn as possible...





    Re: Since this is empty... (Intro to theme-ing)

    « Reply #1 on: April 14, 2012, 09:48:34 PM »
  • Thank You
  • -Given: 0
  • -Receive: 0
  • AzHavicx

    Posts: 167
    User Rating: +24/-1
    Offline
    • *
    • Sr. Member
    • Personal Text
      Live it Up , 2 day may B your Last Chance 2
    Quote
    Here's some key things etc..etc.. :)

    Jcole this is a very good how 2 walk tru,wish I had this kinda info to get a grasp on changing themes and altering apks when I started making my own icon pacs and themeing a lot. :D

    Sent from my Precedent using Xparent Cyan Tapatalk 2
    • GenoCide_187
    • Straight Talk Samsung Galaxy Precedent
    • Clock Work Mod
    I'm Not Helpless Just need Meds....


    Re: Since this is empty... (Intro to theme-ing)

    « Reply #2 on: April 15, 2012, 04:23:07 PM »
  • Thank You
  • -Given: 0
  • -Receive: 0
  • jcole20

    Posts: 545
    User Rating: +120/-0
    Offline
    • Co-Admin
    • *
    • Hero Member
    • Personal Text
      I LOVE TO ARGUE
    lol yeah no kidding me too...
    • Custom
    • HTC One M8
    • TWRP
    • Rooted-Rom
    Innovation comes from being as stubborn as possible...





    Re: Since this is empty... (Intro to theme-ing)

    « Reply #3 on: April 25, 2012, 10:37:53 AM »
  • Thank You
  • -Given: 0
  • -Receive: 1
  • ShadoGazer

    Posts: 48
    User Rating: +183/-0
    Shado Demon
    Offline
    • VIP Member
    • *
    • Jr. Member
    Tried this.  Wanted to make my signal bar multicolored, didn't work.  My problem probably is, that I was editing the modified ROM (arq1.3) instead of the original.  Could that be why?  Is there some sort of lockout on the modified stuff?  Maybe I didn't edit both files, but I didn't see the signal bar png's in the framework thing.  Any help or advice is appreciated!
    • Stock
    • Straight Talk LG Optimus Q
    • Clock Work Mod
    • AreaRomQ v2.1
    Hiding in the shadows of your mind....





    Re: Since this is empty... (Intro to theme-ing)

    « Reply #4 on: April 26, 2012, 12:57:47 AM »
  • Thank You
  • -Given: 0
  • -Receive: 0
  • wolfbitten83

    Posts: 212
    User Rating: +9/-0
    Offline
    • VIP Member
    • *
    • Sr. Member
    • Personal Text
      make it so!
    love this thank you but i cant find a way to change clock color can you help?
    • LG Custom
    • optimus q
    • Clock Work Mod
    • AreaRomQ v2.1

    Re: Since this is empty... (Intro to theme-ing)

    « Reply #5 on: April 28, 2012, 07:58:04 PM »
  • Thank You
  • -Given: 0
  • -Receive: 0
  • jcole20

    Posts: 545
    User Rating: +120/-0
    Offline
    • Co-Admin
    • *
    • Hero Member
    • Personal Text
      I LOVE TO ARGUE
    You are not allowed to view links. Register or Login
    Tried this.  Wanted to make my signal bar multicolored, didn't work.  My problem probably is, that I was editing the modified ROM (arq1.3) instead of the original.  Could that be why?  Is there some sort of lockout on the modified stuff?  Maybe I didn't edit both files, but I didn't see the signal bar png's in the framework thing.  Any help or advice is appreciated!

    They're in the SystemUI.apk not the framework-res.apk. SystemUI.apk/res/drawable-mdpi/

    • Custom
    • HTC One M8
    • TWRP
    • Rooted-Rom
    Innovation comes from being as stubborn as possible...





    Re: Since this is empty... (Intro to theme-ing)

    « Reply #6 on: April 28, 2012, 08:08:50 PM »
  • Thank You
  • -Given: 0
  • -Receive: 0
  • jcole20

    Posts: 545
    User Rating: +120/-0
    Offline
    • Co-Admin
    • *
    • Hero Member
    • Personal Text
      I LOVE TO ARGUE
    You are not allowed to view links. Register or Login
    love this thank you but i cant find a way to change clock color can you help?

    Idk what Clock you're talking about. The Widget is DeskClock.apk, the Notification Bar clock (status bar clock) you can change it by using Uot.dakra.lt . If you want to do it yourself, its not that hard, you have to decompile the framework-res.apk and find the status_bar.xml. I think its in res/layout/. Use notepad++ to open that .xml and find an entry that says something like com.android.TimeStatus or DateStatus. It will have a String entry like ff000000 the ff prefix shows you the opacity of the entry. You're going to want to make it ff followed by the hex code for the color you're trying to change it. I used ff01c6d2 in arearomq.

    When it comes to changes on the notification bar dropdown or the status bar, I use the website uot.dakra.lt for that. While you can do it either way (and I'll make minor changes myself by decompiling the .apk) the uot kitchen is by far the quickest and easiest method of making these changes. It's by far the most efficient. When it comes to more detailed stuff you can't use the kitchen, but simple edits like that, its best to just cook it there. Hope this helps.
    • Custom
    • HTC One M8
    • TWRP
    • Rooted-Rom
    Innovation comes from being as stubborn as possible...





    Re: Since this is empty... (Intro to theme-ing)

    « Reply #7 on: April 29, 2012, 12:12:33 AM »
  • Thank You
  • -Given: 0
  • -Receive: 0
  • wolfbitten83

    Posts: 212
    User Rating: +9/-0
    Offline
    • VIP Member
    • *
    • Sr. Member
    • Personal Text
      make it so!
    You are not allowed to view links. Register or Login
    You are not allowed to view links. Register or Login
    love this thank you but i cant find a way to change clock color can you help?

    Idk what Clock you're talking about. The Widget is DeskClock.apk, the Notification Bar clock (status bar clock) you can change it by using Uot.dakra.lt . If you want to do it yourself, its not that hard, you have to decompile the framework-res.apk and find the status_bar.xml. I think its in res/layout/. Use notepad++ to open that .xml and find an entry that says something like com.android.TimeStatus or DateStatus. It will have a String entry like ff000000 the ff prefix shows you the opacity of the entry. You're going to want to make it ff followed by the hex code for the color you're trying to change it. I used ff01c6d2 in arearomq.

    When it comes to changes on the notification bar dropdown or the status bar, I use the website uot.dakra.lt for that. While you can do it either way (and I'll make minor changes myself by decompiling the .apk) the uot kitchen is by far the quickest and easiest method of making these changes. It's by far the most efficient. When it comes to more detailed stuff you can't use the kitchen, but simple edits like that, its best to just cook it there. Hope this helps.



     thank you jcole awesome help i meant the status bar clock i will try to do this and thank you for taking the time to respond
    • LG Custom
    • optimus q
    • Clock Work Mod
    • AreaRomQ v2.1

    Tags:
     

    Related Topics

      Subject / Started by Replies Last post
    1 Replies
    1164 Views
    Last post March 03, 2012, 12:37:25 PM
    by nik92990
    1 Replies
    1075 Views
    Last post May 20, 2012, 10:46:56 PM
    by PureEvil
    2 Replies
    1404 Views
    Last post July 24, 2012, 12:12:12 PM
    by Uncloned_Sanity
    0 Replies
    599 Views
    Last post September 11, 2012, 06:51:34 PM
    by act5860
    1 Replies
    635 Views
    Last post January 06, 2014, 10:22:26 PM
    by daddy366
    2 Replies
    945 Views
    Last post July 07, 2014, 08:28:16 AM
    by sheltonater