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
IT IS A BIT BIG BUT IT IS WORTH OF EFFORTS ADN VISIT http://supetawesomedude.deviantart.com/#/d4m2dq6 TO CHECK OUT THE END PRODUCT
WHAT THIS GUIDE IS FOR:
-How to change icons in espier launcher
-How to change page indicators
-How to change dock
-How to change notification bubble
-How to add custom icons (for apps not natively themed by espier launcher) RECENTLY EDITED
-How to install onto phone
A. Preliminary Steps:
1. Install apktool http://code.google.com/p/android-apktool/
2. Create a directory called Espier launcher mod
3. Download Espier launcher http://dl.free.fr/pjgXgBDEb and rename to launcher.apk
4. Place Espier Launcher into that directory.
5. Open terminal.
6. Change terminal directory to your Espier launcher mod folder.
E.G. I ran this:
Code:
cd /home/gaurav/Desktop/Espier launcher mod
7. Decompile the apk.
Code:
apktool d launcher.apk
B. Changing basic icons.
**UPDATE**
Now, to prevent icons from being edited (in a bad way) by Espier Launcher, download this icon and place it in drawable-(h/m/l)dpi. This is crucial to prevent your icons from getting a weird white glow around them!
1. Open res/drawable-(hdpi/ldpi/mdpi/xhdpi) *depending on what screen size your phone is. I have an mdpi so i will go into drawble-mdpi
2. Change the desired icon
For example, the file
Code:
ic_com_android_camera_preparecamera.png
can be replaced by an image of the same (or similar) size. when you're done, it should look like:
http://uppix.net/4/1/e/c43d8a7bc3e1fe2aa29cd3792dbe5.png
3. Refer to Section G
C. Changing page indicators
1. Open res/drawable-mdpi
2. Find the file:
Code:
ic_screen_level_focus.png
ic_screen_level_normal.png
3. Replace these two files with desired ones
4. Open res/drawable-hdpi
5. Replace these files with desired images.
Code:
ic_screen_level_focus
ic_screen_level_normal.png
ic_screen_level_search_focus.png
ic_screen_level_search_normal.png
ic_screen_level_widget_focus.png
ic_screen_level_widget_normal.png
6. Refer to Section G.
D. How to change dock
1. Navigate to res/drawable-mdpi (in my case)
2. Find file called
Code:
toolbar.png
3. Replace with desired (make sure the dock image is correct size for your phone)
4. Refer to Section G.
E. How to change notification bubble.
1. Open res/drawable-mdpi
2. Find and replace with desired image
Code:
icon_shuzi1.png
3. Refer to Section G.
F. How to add custom icons
*Warning* This section is a lot more confusing. Please read carefully. *Warning*
1. Navigate to /res/values/arrays.xml
2. Now, it gets tricky.
3. Go this website http://activities.droidicon.com/
4. Search for an app. It should look like this:
Screenshot http://uppix.net/0/9/8/4f7817e4c48f07662595e19ec72e7.png
5. Now, in arrays.xml, scroll down until you see this type of coding
Screenshot http://uppix.net/8/0/e/a9cc14bdf96ecae1dbc6e3a31eed4.png
6. Get to the end of that "chunk" of xml.
7. Let's say we're theming the facebook app. So we add this to xml. (and fill it out with info)
Code:
<item>ACTIVITY_OF_APP</item>
<item>DESCRIPTIVE_ACTIVITY_OF_APP</item>
<item>@drawable/NAME_OF_APP</item>
For example:
Code:
<item>com.facebook.katana</item>
<item>com.facebook.katana.LoginActivity</item>
<item>@drawable/facebook</item>
You get the first line of info like this:
Screenshot http://uppix.net/8/0/e/a9cc14bdf96ecae1dbc6e3a31eed4.png
and the second:
Screenshot http://uppix.net/7/b/0/cb6a915df97299a2832be59e39841.png
in that third line of that xml we add (@drawable/NAME_OF_APP), you can name your app anything you want. i made it "facebook" in this case.
8. Save and exit.
9. Find a desired image for your application (in this case facebook).
10. Rename it to "NAME_OF_APP.png" in this case, "facebook.png"
11. Drop that file into drawable/mdpi
12. Repeat steps 1-11 for as many applications as you want to theme.
13. Refer to Section G.
G. How to install on your phone
1. First, save and close everything you're working on.
2. Open your terminal, and change its directory to the "espier launcher mod" folder
3. Type in
Code:
apktool b 'PATH_TO/espier launcher mod' 1.apk
4. Take that 1.apk, and sign it, using a program like ApkSigner http://android-softwares.blogspot.com/2011/08/apksigner-v04-sign-unsigned-android-apk.html
5. Connect your phone to your computer via USB.
6. Mount it as a mass storage device.
7. Transfer that signed.apk to the root of your sdcard.
8. Now on your phone, uninstall any current version of EspierLauncher you may have.
9. Then, using a file manager, install the signed.apk from your sdcard.
This too, should be in themes n apps...
Sent from my iPad 3 using XDA App
I can't save the output file with
apktool b 'PATH_TO/espier launcher mod' 1.apk
Click to expand...
Click to collapse
Since I'm no longer updating my themes (at least for now) and I've been asked a few times, I'll provide a quick guide to changing the accent colours.
https://forum.xda-developers.com/ma...ed-black-theme-accent-colour-options-t4051377
May do a full guide at some point in the future, but that would be quite long.
Huawei themes are just zip files but with ".hwt" file extension.
Apps I use:
*Note, you can use any similar apps that serve the same function, though I believe mixplorer is the best file manager especially for editing themes.
File Explorer (to edit the .hwt & .zip files).
https://play.google.com/store/apps/details?id=com.mixplorer.silver
*also note if you're using a different file manager you might have to add ".zip" to the theme.hwt e.g. theme.hwt.zip before you can open it, with mixplorer you don't.
Download:
iOmix-Temp.hwt
https://bit.ly/2M82lHT
Colour picker (to find the hex colour code of your choice).
https://play.google.com/store/apps/details?id=com.jahirfiquitiva.pals
Vector image editor (to create the .png files).
https://play.google.com/store/apps/details?id=com.shoebillsoftware.vectordraw
Download:
iOmix Theme Png Templates
https://bit.ly/2ZxJtdd
Includes .png & .svg use either as a template to create your own brightness & volume scrubbers these ideally should be the same accent colour that you use in the theme.xml
1. (Optional) Create a folder on your phone, call it whatever you want, I usually name it editing.
2. Copy the theme file (iOmix-Temp.hwt) to the folder.
3. Rename the theme file by adding ".zip" extension to the end "iOmix-Temp.hwt.zip"
*you can skip this if you're using mixplorer.
4. Open the zip and extract the following files to the editing folder:
com.android.contacts
com.android.systemui
framework-res-hwext
framework-res
5. Rename all files by adding ".zip" to the end
com.android.contacts.zip
com.android.systemui.zip
framework-res-hwext.zip
framework-res.zip
6. First we'll edit the theme.xml files in each of the files we extracted in step 5.
The process will be the same > replace 007DFE (this is a hex code without the #) with your own colour code (also without the #).
7. Editing theme.xml files
**Contacts.zip**
A. In the contacts zip open the theme.xml use the replace function to replace 007DFE with any other colour code *make sure [replace all] is selected.
B. Open framework-res-hwext folder > open theme.xml and repeat previous steps of replacing 007DFE with your preferred colour.
**Systemui.zip**
Edit the theme.xml in the following.
A. Main folder > theme.xml
B. Framework-res > theme.xml
C. Framework-res-hwext > theme.xml
**Framework-res-hwext.zip**
Edit the theme.xml in the following.
A. Main folder > theme.xml
B. Res > theme.xml
**Framework-res.zip**
Edit the theme.xml in the following.
A. Main folder > theme.xml
8. Replacing the main .png files.
**Contacts.zip**
A. Res > drawable-xxhdpi > fastscroll_label_phonebook_emui_null_icon.png (needs to be 152*152 pixels)
**Systemui.zip**
Edit the theme.xml in the following.
A. Framework-res-hwext > Res > drawable-xxhdpi > scrubber_control_normal_emui.png
(needs to be 98*98 pixels)
B. Res > drawable-xxhdpi > ic_seekbar_thumb.png
(needs to be 90*90 pixels)
**Framework-res-hwext.zip**
Edit the theme.xml in the following.
A. Res > drawable-xxhdpi > scrubber_control_normal_emui.png
(needs to be 98*98 pixels)
Finally you might want to rename the theme so you can find it in the Huawei theme manager app.
In the root of the theme zip there is a file called description.xml, open this file and change the title Theme title
Now remove the ".zip" from the files you renamed at the start:
com.android.contacts.zip
com.android.systemui.zip
framework-res-hwext.zip
framework-res.zip
Back to:
com.android.contacts
com.android.systemui
framework-res-hwext
framework-res
Copy the 4 files back into the theme.theme.hwt, If you used mixplorer then just copy the edited theme.theme.hwt back to your main themes folder
If you used a different file manager then remove the ".zip" extension from the theme.hwt then move to your main themes folder.
If you edited theme isn't showing in the Huawei themes manager, you might need to force stop it then reopen the app.
I hope this is clear enough.
Would be great if you share your edited theme here.
Let me know if there's any questions
***(This is a work in progress will be updated as time goes on)***
View attachment 5025795View attachment 5025797View attachment 5025801View attachment 5025803View attachment 5025805View attachment 5025807View attachment 5025809View attachment 5025811View attachment 5025813
Saved 1
Saved 2
Saved 3
Saved 4
Saved 5
How convert volumen bar to transparent?
Thx
Youtube_Ll0r3nt3 said:
How convert volumen bar to transparent?
Thx
Click to expand...
Click to collapse
The volume pop up has 3 sections, can you screen shot and annotate exactly what part you want to change.
Sent from my LYA-L09 using Tapatalk
kam333 said:
The volume pop up has 3 sections, can you screen shot and annotate exactly what part you want to change.
Sent from my LYA-L09 using Tapatalk
Click to expand...
Click to collapse
https://we.tl/t-6eYpgSaGFJ
Need transparent vol bar loeo to Ll0r3nt3
Youtube_Ll0r3nt3 said:
https://we.tl/t-6eYpgSaGFJ
Need transparent vol bar loeo to Ll0r3nt3
Click to expand...
Click to collapse
You didn't provide the info I asked for so I'll guess you're talking about the black part
Go to:
com.android.systemui>res>drawable-xxhdpi> volume_popup.9.png (edit this)
Sent from my LYA-L09 using Tapatalk
Instagram sharesheet color and black quick settings toggle and black notifications
Hi bro,
remember me? thank you so much for supporting us newbies on making emui themes.
Just wanted to ask where is the section to change instagram sharesheet background color and also where to change the quick setting tiles and make black notifications if i have a theme that is not yours.
Thanks in advance
---------- Post added at 04:06 PM ---------- Previous post was at 03:36 PM ----------
faisal.fmq said:
Hi bro,
remember me? thank you so much for supporting us newbies on making emui themes.
Just wanted to ask where is the section to change instagram sharesheet background color and also where to change the quick setting tiles and make black notifications if i have a theme that is not yours.
Thanks in advance
Click to expand...
Click to collapse
Also mixplorer is not saving the file after replacing the color code, its says not supported. How do you open the theme.xl file? code editor, text editor???
faisal.fmq said:
Hi bro,
remember me? thank you so much for supporting us newbies on making emui themes.
Just wanted to ask where is the section to change instagram sharesheet background color and also where to change the quick setting tiles and make black notifications if i have a theme that is not yours.
Thanks in advance
---------- Post added at 04:06 PM ---------- Previous post was at 03:36 PM ----------
Also mixplorer is not saving the file after replacing the color code, its says not supported. How do you open the theme.xl file? code editor, text editor???
Click to expand...
Click to collapse
Hi Faisal,
To change the share sheet colour:
framework-res > theme.xml >
<color name="GM2_grey_800">#ff161616</color> (change to preferred colour)
In mixplorer you can use the code or text editor (I prefer the code).
If your editing the theme.xml in framework-res (for example) you first need to extract it from the theme.hwt, then add .zip = framework-res.zip then edit the xml inside
As for the other theme you're best asking the theme creator of that, not all themers use the same structure and this thread is just a quick guide to changing the accent colour since a few people have asked.
Maybe I'll do a longer guide at some point in future but right now I don't want to spend too much time on this.
Sent from my LYA-L09 using Tapatalk
Thank u so much
kam333 said:
Hi Faisal,
To change the share sheet colour:
framework-res > theme.xml >
<color name="GM2_grey_800">#ff161616</color> (change to preferred colour)
In mixplorer you can use the code or text editor (I prefer the code).
If your editing the theme.xml in framework-res (for example) you first need to extract it from the theme.hwt, then add .zip = framework-res.zip then edit the xml inside
As for the other theme you're best asking the theme creator of that, not all themers use the same structure and this thread is just a quick guide to changing the accent colour since a few people have asked.
Maybe I'll do a longer guide at some point in future but right now I don't want to spend too much time on this.
Click to expand...
Click to collapse
kam333 said:
The volume pop up has 3 sections, can you screen shot and annotate exactly what part you want to change.
Sent from my LYA-L09 using Tapatalk
Click to expand...
Click to collapse
kam333 said:
You didn't provide the info I asked for so I'll guess you're talking about the black part
Go to:
com.android.systemui>res>drawable-xxhdpi> volume_popup.9.png (edit this)
Sent from my LYA-L09 using Tapatalk
Click to expand...
Click to collapse
There is no file to edit, can you check the topics that I send you?
Youtube_Ll0r3nt3 said:
There is no file to edit, can you check the topics that I send you?
Click to expand...
Click to collapse
https://forum.xda-developers.com/showthread.php?p=82700185
Sent from my LYA-L09 using Tapatalk
kam333 said:
Saved 1
Click to expand...
Click to collapse
Hello there.. Please can. U guide me. How do i know what part is called what in the theme. Xml file please. I cannot get it done and there is no guide for themeing emui settings app . God bless u brother