Hey
How can I change the icons of Android, Apps etc?
Maybe i have to edit the .kdz-file / system.img-file?
Which programs do i need?
Thank u!
You have to edit the /res folder in the apk file.
Joost
extract the framework-res.apk file from your rom via root explorer then use this to extract the contains from the framework file and you can also use that tool to repack the framework file
APK Manager
http://forum.xda-developers.com/showthread.php?t=695701
Adb pull the app then with 7zip extract. Look in res/drawable-mdpi and you will see all images in the apk. Look for icon and replace.
Repack all files in a zip then rename zip to apk. Adb push the apk.
MARK
UPDATED: 12-19-2011
This is to be a community project on theme's. Anyone with any information on theming, please feel free to post. If you post a how to I will try to update OP with a link to the post. If you come across anything on theming while adventuring threw the internet please post in thread and again I will update the OP as I have time.
Post 6: A How-To Post by KTT16
http://forum.xda-developers.com/showpost.php?p=19556664&postcount=6
What's Included in post:
1)How to Change Boot Logo and Boot Animation
2)How to Theme BlurPhone.apk
3)How to Theme Parts of the Notification Drop Down
4)How to Change Contacts Image in Contacts list
5)How to Change Notification Delete Button
6)How to Change Settings Images
7)How to Change Pop-Up Window Radio Button and Top Bar
8)How to Theme The WIFI-3G-Signal Icons
9)How to Get a Themed Swype
Post 26: BlurDialer.apk Theming Post by Medicstuder
http://http://forum.xda-developers.com/showpost.php?p=19998441&postcount=26
Post 30: More info on Bootanimations Post by Admirlj21 http://forum.xda-developers.com/showpost.php?p=20064730&postcount=30
Icon List by Falloutboy2000
http://forum.xda-developers.com/showthread.php?t=824656
Guide to learn to theme by theimpaler747
http://forum.xda-developers.com/showthread.php?t=916814
Link to XDA's Theme Area
http://forum.xda-developers.com/forumdisplay.php?f=527
If you use any of the links please hit the thanks button on the appropriate thread/post of the original author helped you out. If you use someone's work please ask for permission first. Don't forget the thanks button. Again if you have info to add please post a link and I will update OP when I have time and feel free to post anything that has to do with theming. Please don't forget to rank this thread if it help's you.
Special shout out to KTT16 and Admiralj21. It has been great working with you two and thank you for all your hard work and kind words. You two are great examples of what this community is all about.
MedicStuder said:
Hello Community,
Let me start by saying that I still a noob at theming but thought I would post a small tutorial on how I themed the BlurDialer.apk. Anyone else that has done theming please feel free to add input tips and tricks. Hopefully we ccan make this a great how to that might get stickied. Remember I am still learning also. this will be a simple how-to. I know there is a lot more to theming and I will update as I figure things out. So here we go.
Tools used: 7-zip and GIMP 2.6 (google for downloads)
1) Install 7-zip and GIMP 2.6.
2)Download the apk you want to theme.
3) Right click on the apk and navagate to 7-zip then extract. (I recommend desktop) Make sure you leave the orginal apk intact. VERY Important!!!
4)Open the extracted file. Leave META-INF alone. There should be a file named res. Open it.
5)Inside res you will find a few files. Inside a lot of the files are the png files.
6)Using GIMP make the changes to the pngs that you want to theme.
7)When done theming re-open the original apk file using 7-zip.
8)Now copy the new res file into the 7-zip window. This will update the current file in the archieve.
9)Install apk file and enjoy your new theme.
Let me say this sounds easier said then done. If you are porting over a theme it may take longer as file names are different from each device. The reason to keep the original apk intact is so you don't have to resign it when you are done. That makes things a lot easier. Feel free to ask any questions, justt remember I am still learning. Please google for answers as that is what I have done to learn what I have. Like I said above anyone currently theming please feel free to add any tips and tricks.
If you do use anyone else's work please ask for permission first and don't forget to give credit where credit is due. If this helps you at all please don't forget the thanks button.
Click to expand...
Click to collapse
Anything helps I been to theme a rom for a couple days but can't get it to compile
Sent from my MB855 using xda premium
edward.hidalgo said:
Anything helps I been to theme a rom for a couple days but can't get it to compile
Sent from my MB855 using xda premium
Click to expand...
Click to collapse
Is a rom u made or one u downloaded?
If one u downloaded use 7zip to extract the framework and systemui apks. Then use 7zip again to extract the contents of each apks. Then when done theming copy files back into original apks then copy apks back into zip file. You shouldnt have to complie unless its your own ROM.
Sent from my MB855 using xda premium
If someone could please add in how to change the font color. That is one thing i cant figure out. Thanks.
Sent from my MB855 using xda premium
And how to change the font color of the font of the keyboard itself please.
Sent from my MB855 using XDA App
THIS POST WILL BE SPECIFIC HOW TO'S
I AM A NOOB: I don't pretend to know what I'm doing, because I don't. This post is for people like me that need visuals or step-by-step guides without all the jargon. The hope is that I'll be adding stuff so that we all become good at themeing, and can help each other out! If you have any questions or can improve on my methods, then please let me know, and post your method here too! Disclaimer: If you brick your phone, I am in no way responsible!
-------------------
1 - HOW TO CHANGE BOOT LOGO AND BOOT ANIMATION - Thanks to thewarhawk
FOR BOOT LOGO (prior to bootanimation)
What you'll need:
Image Editor - I used Photoshop
Binary Editor (I used FHRED -- it's free)
Fastboot
Logo-header
Creating Your Logo
First: Open up your image editor, and make your boot image the dimensions must be 540x960. Important: you must flip the image vertically (so that it is upside down).
Second: Save your boot logo as a .BMP file, but it must be saved in 565 format. To do this in photoshop, save as the BMP file, then when the extra options come up push the advanced modes button, and select the R5 G6 B5 option.
Third: Open up the .BMP file with your binary editor (FHRED) and delete the first 70 Bits (pairs of numbers), and the last 2 bits (with FHRED, just highlight and hit delete)
Fourth: Copy the header from the linked logo-header file and paste it at the top of your bin. Your file should be 1036820 bits. Save as logo.bin.
Applying a Logo
Fifth: Unzip fastboot and move your newly created logo.bin to the same directory.
Sixth: put your phone in fastboot by booting the phone holding the volume down, and then once you see fastboot on the screen, press voume up. connect your phone and open command prompt and use the cd command to navigate to where your fastboot and logo.bin is and enter:
fastboot flash logo logo.bin
fastboot reboot
ENJOY!!!
Disclaimer: I am in no way responsible for any bricked phones
_________
FOR BOOTANIMATION:
Step 1: Create a series of images that will be your animation. Dimensions (540x960) and name each of them in sequential order. I used _00001.jpg as the numbering method. I ended up going up to _00010.jpg and then looped the animation.
Step 2: You'll need to edit the desc.txt so it'll play your animation as you want. When you open it, there are lines that describe everything. I just haven't figured out where to put the sounds...(I prefer that my phone load up silent anyway...) If you notice, in the text, you can call out specific folders (which you can rename to anything..I've kept it as sprint had). In the file it'll show you how to loop the animation (repeat count) I've chosen 0 for the animation part so it'll loop until the phone completely boots. You can keep playing around with timing and frames/sec...so you can essentially make a movie out of it.
Step 3: Zip your folders containing your images and your desc.txt in one .zip file. DO NOT COMPRESS IT. When saving it choose STORE as the compression mode. Name this file bootanimation.zip and save to your SD-Card on your phone
Step 4: Using Root Explorer, go into System/Media. Click on Mount as R/W. Then rename the current bootanimation.zip to bootanimation.zip.bak to save it if you want. Next, move the bootanimation.zip you created into that /media folder. You'll need to change the permissions by long pressing the file. rw-r-r
Click OK
Step 5: Reboot! Enjoy!
-------------------
2 - HOW TO THEME BLURPHONE.APK (Since MedicStuder themed the Dialer 1st, I'll leave it to him to show you guys )
{
"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"
}
There are three main parts to the "In-Call" status (this is when you are making a phone call) which I've labeled with red numbers
1) Unknown/known caller image
2) In-call options section
3) In-call background
- The first thing you need to do is to copy the BlurPhone.apk to your desktop from your phone
- Make a copy of it for safekeeping if you mess up
- With the copy you want to edit, use 7zip to "open archive" and you'll see a folder called "res"
- Copy this res folder to the desktop and keep the 7 zip archive open
- You should have these folders side by side (one which you'll edit with - the desktop one, and one that you'll save the edited files over - the 7zip archive)
- Open both res folders and each should have many folders within. The important ones are "drawable" and "drawable-hdpi" and ignore the rest of them
- Open both "drawable" folders so they are side by side
- In the Desktop "drawable" folder, there is bg_in_call - Double click on it to open it in your Photo-editor..I used Photoshop. I created a new layer over this one, blacked it out using the bucket, and Merged the layers. I think when working with PNG files don't flatten them, or you'll probably get the stupid white background to show..I digress.
- subchrome - Search for this image. Open it. I noticed a transparent line above it, but didn't do anything about it the first time I did this and had to do this all over again...that transparent line will cause a visible separation between the background where it says "Connected" and the Duration of Call. So, when I fixed it, I essentially closed the gap by painting over it. Remember, layer on top and then merge down.
- incall_bkgnd - This is where the "options" part is, where you can end the call, go to the dialpad, etc. - Again, with this PNG file, do not flatten it. All I did was delete all the squares except for the end button and changed it's color...simple enough right?
- Now, select all images, or just the one's you've edited and drag them over the 7zip archive ones to overwrite them.
- Close the archive window.
- Open up "drawable-hdpi" folders in both the desktop and 7zip archive so they are side by side
- incall_bkgnd - Look familiar? Change that one again
- ic_pane_unknown_caller - Change this as you want! I took Alien-Theme's and made it blue to go with my battery/dialer
- ic_pane_contact_photo - I made it the same as the unknown caller image
- subchrome - same as before
- bg_in_call - same as before
- Now, as before, save it and copy them over to the 7zip archive in the same "drawable-hdpi" folder to overwrite them.
- Close the archive window
So, if you want the in-call status to update, follow these steps:
- MAKE A NANDROID BACK UP FIRST!!!!!!
- Move the Phone.apk to the /system/app/ folder and overwrite the existing BlurPhone.apk
- YOU WILL FORCE CLOSE. Tap the force close a few times.
- Pull battery
- Power up
- Once the phone boots up, you will get a couple force closes, don't worry about it.
- Go to file manager (In this case I use Root Explorer) and go to /system/app/
- Find the BlurPhone.apk file and change the permissions to rw-r-r and then hit OK
- Reboot and enjoy!
-------------------
3 - HOW TO THEME PARTS OF THE NOTIFICATION DROP DOWN - Thank you to: on21st at: http://forum.xda-developers.com/showthread.php?t=1213071&highlight=
Hi everyone, I'm learning bit by bit here. I've found ways to edit some parts of the notification drop down and will be updating this very soon.
There are a few main parts of the notification drop down that I started out with cuz I hate this navy blue crap that this phone has going on:
1 - Title bar
2 - Background
3 - I call it the handle, but yeah whatever that's called
----
Important - Make a nandroid backup first! I am not responsible if you mess up!!
Start by copying the framework-res.apk and SystemUI.apks to your computer
To change the Title Bar Color
- Extract SystemUI.apk so you have a folder you can play with and edit.
- Open up the SystemUI.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find title_bar_portrait.9.png
- Open it in Photoshop or another editor - Here, I've made it completely black (I think it might still be transparent, so I'm gonna change it a bit more)
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new SystemUI.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
To change the NOTIFICATION BACKGROUND
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find status_bar_background.png
- Open it in Photoshop or another editor - Here, I've made it more transparent by changing the opacity to I think 70%
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it right????)
- Reboot and enjoy!
To change the NOTIFICATION HANDLE
- Extract SystemUI.apk so you have a folder you can play with and edit.
- Open up the SystemUI.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find status_bar_close_on.9.png
- Open it in Photoshop or another editor - Here, I've desaturated the color
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new SystemUI.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
4 - HOW TO CHANGE CONTACT IMAGE IN CONTACTS LIST
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find ic_contact_picture.png - There are 3 of them
- Open it in Photoshop or another editor
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
- Extract BlurContacts.apk so you have a folder you can play with and edit.
- Open up the BlurContacts.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find ic_contact_list_picture.png
- Open it in Photoshop or another editor
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new BlurContacts.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
5 - HOW TO CHANGE NOTIFICATION DELETE BUTTON
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find zz_moto_btn_control_remove
- Open it in Photoshop or another editor GIMP work well here..PS seems to screw with the image.
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
6 - HOW TO CHANGE SETTINGS IMAGES
- Extract Settings.apk so you have a folder you can play with and edit.
- Open up the Settings.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find ic_settings_(the image you want to change) - There are like 15 of them if you want the entire list
- Open it in Photoshop or another editor..GIMP works well here.
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new Settings.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
7 - HOW TO CHANGE POP-UP WINDOW RADIO BUTTON AND TOP BAR
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find btn_radio_on and radiobutton_on_background
- Open it in Photoshop or another editor GIMP work well here..PS seems to screw with the image.
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
- Extract framework-res.apk so you have a folder you can play with and edit.
- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"
- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side
- Find popup_top_dark.9.png This is one of the .9.png's that you might need to edit with the draw9patch tool.
- Open it in Photoshop or another editor GIMP work well here..PS seems to screw with the image.
- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive
- Close the archive
- Upload the new framework-res.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
8 - HOW TO THEME THE WIFI-3G-SIGNAL ICONS - Please see [THEME] - Blackout - WIP
- You'll need: SystemUI.apk, 7zip, Photoshop, Illustrator or another program. In this case, I used Illustrator to build the icon since it's clean, and then imported into Photoshop
- Copy the SYSTEMUI.APK to your computer (make a copy of that just in case)
- Extract the SYSTEMUI.APK to your computer
- Open up the SYSTEMUI.apk using 7zip "open archive"
- In in the extracted folder and the 7zip folder, open up to drawable HDPI side by side - you'll see a crapload of icons
- The icons that our Photons will call for (unless you've modified the xml) are the stat_sys_ wifi_signal, stat_sys_data_, and zz_moto_stats_sys_signal_6bar... icons. I didn't call out the 4G ones, since I'm unlocked and don't care for 4G cuz it apparently sucks in Beantown.
- Each icon is 38x38 pixels..keep that in mind as you build your icons. I laid out guides in Illustrator and photoshop that allowed me to snap the drawings to the grid/guides which helped a lot.
- The colors I used to match the no-signal and not-connected were hex: 232323 and 848484. For the 3G icon, i used: 666666 to make the arrows darker than the non-connected background.
- Once I built the icons in Illustrator, I dragged them over to Photoshop, and saved as .png
- After making all the icons, I dragged them over to the open 7zip archive window (remember this is the drawable-hdpi folder)
- Click yes and close the archive when you've transferred them over
- Upload the new systemui.apk to your sd card
- Move it to system/media
- Change the permission to rw-r-r
- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)
- Reboot and enjoy!
----
9 - HOW TO GET A THEMED SWYPE - Please see [THEME] - Blackout - WIP
Thanks to:
djdarkknight96
Dominic83
TexasRebel
THIS THREAD ROCKS: THEMED SWYPES
HOW-TO:
- Clear data from any version of swype (I used Ti-Backup to do this)
- Uninstall any version of swype you currently have (swype.apk, swype installer, and lib.swypecore.so (from system/lib)
- Reboot into recovery, wipe cache/dalvik cache
- Download any swype.apk from this dude's website
- Open it up in 7zip and remove the lib folder to your desktop
- Close the archive and rename it Swype.apk
- Open up the lib folder you saved to desktop and rename that file to: lib.swypecore.so
- Save the newly renamed Swype.apk and lib.swypecore.so to your sdcard
- Change the permissions to rw-r-r for each and move the Swype.apk to your system/app folder
- Move the lib.swypecore.so file to the system/lib folder
- Reboot
- ENJOY!!!
- FINALLY!!!
I would have to guess the keyboard font would be part of the rom so it prolly would be the same as changing the color in a themes apk. Just my guess.
Sent from my MB855 using xda premium
MedicStuder said:
I would have to guess the keyboard font would be part of the rom so it prolly would be the same as changing the color in a themes apk. Just my guess.
Sent from my MB855 using xda premium
Click to expand...
Click to collapse
I think the font color is changed through an xml file in the systemui.apk or framework-res.apk...I can't be sure, but I remember reading about it somewhere..
KTT16 said:
I think the font color is changed through an xml file in the systemui.apk or framework-res.apk...I can't be sure, but I remember reading about it somewhere..
Click to expand...
Click to collapse
I believe u r correct. My problem is i cant find a program or settings for a program that allows me to view the files so i can edit them.
Sent from my MB855 using xda premium
MedicStuder said:
I believe u r correct. My problem is i cant find a program or settings for a program that allows me to view the files so i can edit them.
Sent from my MB855 using xda premium
Click to expand...
Click to collapse
There is a program called FHRED. I've used it to make the boot splash screen. Since you're themeing, here's a thread I had in Android Forums that deals with how to make Boot Splash/Animations
Have you guys checked this? they have a four part guide..
http://forums.acsyndicate.net/forumdisplay.php/67-Tutorials
bearw815 said:
Have you guys checked this? they have a four part guide..
http://forums.acsyndicate.net/forumdisplay.php/67-Tutorials
Click to expand...
Click to collapse
Yeah, I've bookmarked this tutorial, but for someone like me, I need something even simpler. I plan on editing my 1st post in this thread with really simple HOW-TOs for the noobs like myself. Ex: HOW TO CHANGE YOUR DIALER in 5 Easy steps with photos or something...Thanks for posting it though! The smarter people who know how to follow instructions will probably benefit most! LOL!
Updated Post #6 with [HOW TO] - Create Boot animations, Boot Logos, and How to Theme the Blurphone.apk - I know it's not much folks, but it's all I've got...
KTT16 said:
Updated Post #6 with [HOW TO] - Create Boot animations, Boot Logos, and How to Theme the Blurphone.apk - I know it's not much folks, but it's all I've got...
Click to expand...
Click to collapse
Looks great man. Thanks alot.
Sent from my MB855 using xda premium
Thanks man...you got me excited about theme ing, so really, thank you...
Sent from my MB855 using xda premium
Updated Post #6 with Notification Menu! I still have a few more things that I want to change...Hope you all find it useful!
EDIT: Anyone know how to change the Notification Title (where it says "No Notification" or "ongoing") color? I'd like to make this black...Thanks!
Will post some new How-to's tonight!
- Contacts images - still having trouble with "in-dialer" contact image
- Dialer Delete arrow
- Notification Menu - Clear button
- Radio button
- Title bar image
- Changing the images in the settings menu (colorwise)
It's been a busy day!
Thank both of you for this. Ill release skinny 2 within a couple days hopefully. Id love to see some themes for it and thanks to your posts that might be possible
Sent from my MB855 using XDA App
Coming from you it means a lot. Im really still fresh at this themeing game as ive only been doing it for a few days. I hope people do use this resource and add to it...
Sent from my MB855 using xda premium
I never really cared much for theming. But i do want people to have access to themes for my roms. So you guys are doing a great job.
Sent from my MB855 using XDA App