Database Info

How to change the app(not just pic) to match your theme

I TAKE NO CREDIT FOR THIS LOOK FOR IT UNDER G1 THEMES AND APPS I DON'T KNOW IF THE LINKS WILL WORK SINCE I'M USING XDA APP so here's the post go look it up
I've never started a thread here, as I rarely have a unique idea - but this time I've decided to bite the bullet and share my experience.
It has been discussed on these forums about editing the APKs for non-stock apps in order to make the icon match the theme throughout the OS (as opposed to using Bettercut or similar to just change the homescreen icon). It has also been discussed elsewhere, but I can't find the link.
My problem was very similar, yet different, so I figured I'd play around and see what I could come up with.
I use the unbelievably sexy GlossSuite theme by Moonsspoon which uses this cool little icon in the notification bar to alert you to having a new SMS (and maybe MMS, not sure...).
{
"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"
}
I also use the app from the market called SMS Popup. If you dont know what it is, check it out - very handy. One of my favorite features of the app is that you can use it for your SMS notifications, and it allows you to set a custom vibe pattern and it will flash the LED the color of your choice - both very helpful to let you know that it's an SMS you're getting instead of a call or whatever...
You need to turn off the native SMS app's notifications when you use this feature of SMS Popup so that you dont get 2 alerts every time you get a message. The drawback to this, while using a theme like GlossSuite, is that the notification icon for messages that SMS Popup uses is the stock icon:
This is only a problem if you're OCD like myself.
I had already gotten the png icon extracted from the GlossSuite theme in hopes that I could just swap it out with the icon inside the SMS Popup apk (if I could find it, that is).
So I decided to crack open the APK for SMS Popup and see if I could find the icon used and what I could do to make it use the icon from the GlossSuite theme.
Inside the APK in the /res/drawable folder there are 2 images: The app's icon, and the icon used in the notification bar. And to make it even easier, the file name was exactly the same as the file used by the GlossSuite theme! Easy enough!
I used 7zip (WinRAR should work just fine too) to:
1. Open the APK
2. Navigate to the /res/drawable folder
3. Delete the stat_notify_sms.png
4. Drag and drop the png I extracted from the theme into it's spot
5. Delete the META-INF folder inside the SMS Popup APK
-- I got this info from the previously mentioned thread about swapping non-stock icons. It is so that when you resign the APK in the next step, the keys don't conflict with what the APK dev has used (or something like that - I admittedly don't know anything about keys and signing and all that jazz)
6. Close your archiving application.
I then used this auto-signing tool posted by "Dave Da illest 1" to resign the APK using the testkeys. It had to be edited slightly to sign APKs instead of ZIP files. If you want to download my edited version of the auto-signing tool, click here.
Uninstalled the previous version of the app, copied the APK over to my SDcard and then used AppManager to install the APK, and now:
(yes, I know there are typos...)
It works!
I'm sure most of your brainiacs here at XDA have figured this out on your own, but I couldnt find any solid information on it so I figured I'd share what little knowledge I had on the subject.
If you want to try this for yourself and want the icon from the GlossSuite theme, it is here.
And if you just happen to have GlossSuite installed and are using SMS Popup and would like my already edited version of the APK, click here.
[DISCLAIMER: If my sharing of this APK goes against any rules of the forum, please excuse my ignorance. If I find out this is the case, and a mod hasn't beat me to the punch, I'll gladly remove this link!]
So - with all that being said, I should clarify that I haven't done any theme creation (although I have edited a few pngs here and there, but nothing major), so obviously this bit of information is probably well below most of you... But if it can help anyone, then yay for my first real contribution to this community.
Click to expand...
Click to collapse
-------------------------------------
sent from my god like hero
-------------------------------------
sent from my god like hero

rulyskull said:
5. Delete the META-INF folder inside the SMS Popup APK
-- I got this info from the previously mentioned thread about swapping non-stock icons. It is so that when you resign the APK in the next step, the keys don't conflict with what the APK dev has used (or something like that - I admittedly don't know anything about keys and signing and all that jazz)
6. Close your archiving application.
I then used this auto-signing tool posted by "Dave Da illest 1" to resign the APK using the testkeys. It had to be edited slightly to sign APKs instead of ZIP files. If you want to download my edited version of the auto-signing tool, click here.
Click to expand...
Click to collapse
really if you are using 7zip pull out the png you want to edit and make sure the one you are replacing it with is the same dimensions (i.e. if the original is 20pixels by 20pixels then the replacement should be the same 20x20) and have the new one named exactly the same (i.e. original named awesome.png then the new one you name awesome.png case sensitive) and drag the new .png back to where you got the original from inside the apk there is no need to resign. so leave the Meta-Inf alone and adb push the .apk file back onto your phone where you got it from.
... so what i'm getting at is no need to delete the meta-inf and resign if you are replacing the .png with a .png of same dimensions and name.
unless i'm missing something which i don't believe i am. (then again i don't use a file manager to reinstall the .apk i just push it to the phone.)

[GUIDE] Create your own FlipFont APKs walkthrough +Now with quick font size scaling

Create custom FlipFont files with font preview and icon.
*At present this only works on Galaxy S phones, but should work if FlipFont is ported or released on other devices*
Why do we need to jump through hoops?
It seems that the fonts in the MonoType apks on the market are digitally signed. This is what is preventing the use of any old font being added to an APK. I believe the FlipFont app is looking for the digital signature in the font within the APK. If its not there, it does not use the font and reverts to using the default font. It MAY be possible to edit the FlipFont APK so that it no longer looks for the digital signature. This should allow us to use any font without jumping through hoops.
If you can find the FlipFont Apk please post its location or better yet PM me with its location. If your really feeling spunky ADB pull the file off your phone and post it here, so we can take a look at it.
Lets trick FlipFont. Heres what you need.
Apk Manager 4.8 found here. This will allow you to decompile and edit the APK attached at the bottom of this link. Dont worry its much easier then it sounds.
FontCreator 30 day trial found here. This is a windows only program. If you know of a cross platform, open source or FREE font editor please let me know. The one on source forge is not stable enough for use at present and its install needs its own walk through.
***Link for FontCreator has been downgraded to version 5, which will allow you to save fonts during the 30 day trial, unlike version 6. Thanks sigeltek***
Photoshop or Gimp. Note you only need this if you want to edit the icon file for the app. I will not go over editing the icon in the walk-through, this should be pretty self explanatory.
Digitally Signed Monoglyceride font found here For some reason Mediafire sees this as a jpg file. Click the download this image button in the link and you will see its actually a .ttf file. ODD :ºp
The Monoglyceride APK attached at the bottom of this link.
Walk-through editing the Monoglyceride font with FontCreator.
Open the Monoglyceride.ttf font with FontCreator
Open the .ttf font you want to use.
Make note of the number of Glyphs at the bottom right side of FontCreator when you have your font selected.
Click the Monoglyceride font window in FontCreator and choose edit>select all at the top of the program.
Hit delete on your keyboard. This should delete everything in the Monoglyceride window.
click Insert>Glyphs... at the top of the program
type in the number of glyphs your font has in it and hit ok. You should now see a bunch of empty glyphs in the Monoglyceride window.
Now switch back to your font and again hit edit>select all
Hit edit>copy
Swith back to the Monoglyceride window and click edit>select all... and then edit>paste special...
This will open up the Paste Special window. Put a check in every box in Item section and choose "Add Mappings" in the mappings section and then click OK.
If this worked properly you should see all of the characters and mappings from your font in the Monoglyceride.ttf window.
Close your fonts window in FontCreator
Click File>Save as, rename the Monoglyceride.ttf with the name of your font.
Thats it you now have a digitally signed font. If you want to double check, open the new font in windows and you should see that the font is still technicaly the Bauhaus font, but it now contains your fonts characters. :º)
*** eweo911 has just informed me of a quick way to resize the font if it is too large. You can check to see if its too big by double clicking on one of the glyphs after preforming the Paste Special section of the instructions above. Its best to choose one of the uppercase letters. If the glyphs image goes above the guide shown for cap it WILL be a large font on the phone. These guides are set in the perfect position for our phones screen.
Here is the quote from eweo911:
I have figured out how to make the fonts smaller so you can adjust them to fit the screen better. Not sure if anyone else has done it yet but here is what I did.
After you do the "Paste Special" in font editor (per Ritalins how-to), you will need to make sure all of the glyphs are highlighted in the new font. Yiou will then go to "Tools" and then "Glyph Transformer". Once there, you will select the "Selected" button, then under Available Features you will expand the Outlines tree. Select scale and then you will have two variables for Outlines-Scale. Choose an integer that you want to test with and then hit "ok". Save as your new font name and that should be it.
Click to expand...
Click to collapse
Walk-through editing the apk with Apk Manager 4.8
Download the monoglyceride.apk listed below.
Copy the apk into place-apk-here-for-modding folder in the Apk_Manager_4.8 directory.
Run script.bat and choose option 9
Open Apk_Manager_4.8\out\assets\fonts in explorer
Replace existing monoglyceride.apk font with the .ttf font you edited in FontCreator
edit all XML, yml and smali files to include the font name or font.ttf depending on the entry in the original file. Just replace monoglyceride in these files and folder with the name of your font. Pay attention to capitalization in the existing files, and make sure to do the same when replacing with your file name.
Edit the last folder name in the smali folder tree from monoglyceride to the name of your font
Edit the icon.png in the drawable folder with one of your own.
Compile apk - option 11
Sign apk option 12
Check the Apk_Manager_4.8\place-apk-here-for-modding folder and you should see repackaged-signed.apk along with the original monoglyceride apk. Rename your new signed.apk file the same as the monoglyceride one and just check the name at the end with your font name. This is not REALLY necessary, but do it for consistency sake.
install apk on your phone
This might take you about 30 minutes the first time you run through it, but after you get accustom to the steps you should be able to bang through it in about 10 minutes.
Well here you go, here is my first custom FlipFont APK.
Monoglyceride
{
"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"
}
http://www.mediafire.com/file/b63fa44f7ks7e3d/com.monotype.android.font.monoglyceride.apk
Its working perfectly for me, but let me know if you have any issues.
If you create a font with these instructions, please share it with the community. There is a thread in the Vibrant theme section found here.
Save this thread as a favorite or subcribed thread and you can easily view it and download the fonts in the XDA tapatalk app on your phone.
You will need Astro or Linda file browser to be able to download the fonts from your phone.

Sweet!! i'll give this a try when i get my Epic

Id like to personally thank you for this guide!!!

Custodian said:
Id like to personally thank you for this guide!!!
Click to expand...
Click to collapse
What happened to his thanks button?

jamice4u said:
What happened to his thanks button?
Click to expand...
Click to collapse
....run along now little timmy before you get into something you'll regret.
Sent from my SPH-D700 using XDA Premium App

Theming the notification bar?

I'm sick of this black bar and blue clock clashing with my homescreen. Been tinkering with ninjamorph on the tf for a few days and I've been able to customize most of the ugly things away in honeycomb, but I haven't had much luck with the notification bar.
Does anyone know where the notification bar is in the framework.apk file? I'm looking for the back, home, and running apps icons as well.
Also I want the off-blue clock to be white, but after searching around the only methods I've found were using ninjamorph on phones. Any good methods for tablets?
Not really interested with launchers, tried alot of them and it just wasn't for me, doing it with ninjamorph to replace the framework files.
If this belongs in questions & answers my apologies, seemed like the theming subforum was more suitable.

ickkii said:
I'm looking for the back, home, and running apps icons as well.
Click to expand...
Click to collapse
Look in SystemUI.apk for those icons

thanks man! Found alot of the ones I was looking for but didn't mention as well, like the blue glow. I noticed there were XML files with system bar in the title, does that mean I'm sol?
I haven't gotten around to replacing my wifi/battery icons yet, but I also noticed there are 2 sets - one in framework, and one in systemui, does it matter which one I change? Or do they change different things? They look exactly the same.

depending on which rom your running you can use the UOT kicthen to theme the battery ad wifi icons on the notification bar. it works on the rev HD rom i think, i run the revolver rom and havent tried it yet but i dont see why it shouldnt as long as you extract the framework res etc properly.
---------- Post added at 03:50 PM ---------- Previous post was at 03:48 PM ----------
http://uot.dakra.lt/
you need to extract both the framework res apk and system ui pk to the kitchen once you have chosen the mods you want

I've use the kitchen with Prime's ROM. Battery icons are good
The font work but you'll have to play around cause some
font don't look too good on the TF.

For some reason kitchen wouldn't let me choose my framework & systemui files, no problem though, I just used a preset on kitchen and moved them over manually.
I just did the systemui apk with a reboot, changed the wifi and a few others but didn't change my battery icon for some odd reason. Updating the framework apk as I type this, hopefully it fixes it.
EDIT: no luck, just messed up my notification menu -.-'

ugh, my notification menu keeps overlapping the notification bar, need to find a system dump for 3.2 to start over because my systemui backup was overwritten.

This keeps happening when I swap the images out with greyscaled versions in ninjamorph.
{
"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"
}
What went wrong?

ickkii said:
This keeps happening when I swap the images out with greyscaled versions in ninjamorph.
What went wrong?
Click to expand...
Click to collapse
looks like 2 framework res's running at the same time, although i could be wrong.
to upload the framwork res and system etc to the UOT kitchen, you first need to extract them from your current ROM, extract them from the rom zip to desktop. then you can upload them to the kitchen. the kitchen needs your current ROM res etc to implement the mods in the right way for your device.
then flash the zip that the kicthen cooks with CWM and you should be good to go.

well I'm not sure that frameworkres is to blame because when I replace the systemui apk back to the default systemui apk it goes back to working normally despite any possible framework issues.
I tried changing it image by image last night and came to the conclusion that when I change notify_panel_clock_bg_pressed.9.PNG, notify_panel_notify_bg.9.PNG, and panel_notification.PNG in the systemui/Res/drawable-mdpi directory it causes them to do this.
I also should add that in some circumstances ninjamorph shrinked the size of my systemui apk file from 1mb to about 800kb. Perhaps a compiling error?
Uot kitchen does not offer any custom notification ui's for honeycomb that I saw, but everything else of theirs that I changed manually to the systemui file worked without errors. It didn't change my battery icons in the frameworkres apk however. I had to change it manually because when I go to upload files, it brings me to this screen without even prompting me to select a file manager.
I'll attempt it on a desktop later on today.

ickkii said:
Uot kitchen does not offer any custom notification ui's for honeycomb that I saw, but everything else of theirs that I changed manually to the systemui file worked without errors. It didn't change my battery icons in the frameworkres apk however. I had to change it manually because when I go to upload files, it brings me to this screen without even prompting me to select a file manager.
I'll attempt it on a desktop later on today.
Click to expand...
Click to collapse
Yeah I've never tried it on the tablet itself, always from the PC.

I tried to find the pngs to change, but I only found the outline of the battery. Does anyone know which file I have to change exactly?

ppzoid said:
I tried to find the pngs to change, but I only found the outline of the battery. Does anyone know which file I have to change exactly?
Click to expand...
Click to collapse
battery icons png are located in the folder
res/drawable-mdpi
&
res/drawable-xlarge-mdpi
easiest way is to use the UOT kitchen

I put together some directorys for the systemui.apk and framework-res.apk i hope they come in handy
and the overscroll glow png's are in framework-res at res/drawable-mdpi overscroll_glow.png and overscroll_edge.png

[APP][2.2+][WIDGET][UCCW] UCCW Google play skins project

[APP][4.2+][WIDGET][UCCW] Skins
Thread to share UCCW Skins - apk and uzip.
With the new version of UCCW it is easier than ever to create and share skins.
Apks of skins can be created from within app itself.
You don't need to know coding to make apks of UCCW skins. And its free.
Multiple skins can be combined in one apk.
The resulting apk can be uploaded to Google play to share with the world.
Advantages of Apk skins:
1) Easier to install, uninstall.
2) Easier management of skins. Multiple skins in one apk.
3) Apk skins have limited customization. So the users can customize the skin to their liking without deviating from the basic structure and look of the original skin.
4) No dependence on SD card.
5) Users are familiar with apks.
6) Ability to upload in google play. People can rate themes. Creators can easily provide updates. Creators can also earn money for their work. Skins are easily available just by searching for UCCW skins in Google play.
Here is how its done.
https://www.youtube.com/watch?v=WyERlGkFmbI
Providing updates to Apk skins:
Remember to increment 'Version Code' and 'Version Name' as marked in pic below
{
"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"
}

Really cool. Thanks Vin!! Just found my inspiration to make skins

Wow thats awesome.
Sent a Jellybean from my Jar

its nice. i try the sample project...then i found this....
when we add widget- the sample skin appear in list...
but when we open/manage skin, only the skin from sdcard lay in the list....
sory - bad english

kill3d said:
its nice. i try the sample project...then i found this....
when we add widget- the sample skin appear in list...
but when we open/manage skin, only the skin from sdcard lay in the list....
sory - bad english
Click to expand...
Click to collapse
As per policy I have made apk skins non-editable. You don't want your hard work copied easily and sold in another name.

wow! try to my arihan v series thx :good:

vineetksirohi said:
As per policy I have made apk skins non-editable. You don't want your hard work copied easily and sold in another name.
Click to expand...
Click to collapse
Ouh... i got the point sir...thanks
Maybe some encryption needed to make the skin untouchable...
Sent from my GT-S5360 using Tapatalk 2

A great start!
Sent from my Xperia neo V

Hi.
I tried.
Exported own skin.
Changed assets.
Changed name.
Exported as signed apk.
Installed on phone.
But it doesn't show up in the uccw themes list.? So how to add it on screen?
Am I missing something?

Good news. Thanks Mr V.
Sent from my toilets

blackbearblanc said:
Hi.
I tried.
Exported own skin.
Changed assets.
Changed name.
Exported as signed apk.
Installed on phone.
But it doesn't show up in the uccw themes list.? So how to add it on screen?
Am I missing something?
Click to expand...
Click to collapse
It will appear when u add widget and bring u to the list...
But if u tap some widget and choose open/manage skin... it'll not appear
Sent from my GT-S5360 using Tapatalk 2

kill3d said:
It will appear when u add widget and bring u to the list...
But if u tap some widget and choose open/manage skin... it'll not appear
Sent from my GT-S5360 using Tapatalk 2
Click to expand...
Click to collapse
oh. thanks. the one w the small orange cube?

blackbearblanc said:
oh. thanks. the one w the small orange cube?
Click to expand...
Click to collapse
Yup
Sent from my GT-S5360 using Tapatalk 2

That and device froze
blackbearblanc said:
Hi.
I tried.
Exported own skin.
Changed assets.
Changed name.
Exported as signed apk.
Installed on phone.
But it doesn't show up in the uccw themes list.? So how to add it on screen?
Am I missing something?
Click to expand...
Click to collapse
Same here.
Moreover, clicking 'open' after installing the theme apk freezes the phone. I know it must be like any go launcher theme where you just press done after installation and access the theme via theme manager - not by directly clicking 'open'. I clicked 'open' here to see what happens. Ideally it should've opened uccw window or a pop-up saying 'theme installed' or open skins list. But it froze the device and I had to do a battery pull.
After rebooting, the skin was not present in the installed skins list either.
kill3d said:
It will appear when u add widget and bring u to the list...
But if u tap some widget and choose open/manage skin... it'll not appear
Sent from my GT-S5360 using Tapatalk 2
Click to expand...
Click to collapse
Got it. Thanks. Skin works.
But the screen freeze on direct 'open' is still an issue.

On gPlay within hours
---------- Post added at 11:59 PM ---------- Previous post was at 11:13 PM ----------
Btw. @vineet
Shouldn't the gplay uccw be updated to 211 for skins to work?

What impact will this have on the skins thread? Is this it for the skin sharing community? No more?

deleted: nevermind

bagarwa said:
Same here.
Moreover, clicking 'open' after installing the theme apk freezes the phone. I know it must be like any go launcher theme where you just press done after installation and access the theme via theme manager - not by directly clicking 'open'. I clicked 'open' here to see what happens. Ideally it should've opened uccw window or a pop-up saying 'theme installed' or open skins list. But it froze the device and I had to do a battery pull.
After rebooting, the skin was not present in the installed skins list either.
Got it. Thanks. Skin works.
But the screen freeze on direct 'open' is still an issue.
Click to expand...
Click to collapse
And the uccw now doesn't include the weather icons when I export any skin from uccw; neither in uzip, nor in zip for apk. So, how can I include the weather icons in the skin apk? Anyone figured this out?

bagarwa said:
And the uccw now doesn't include the weather icons when I export any skin from uccw; neither in uzip, nor in zip for apk. So, how can I include the weather icons in the skin apk? Anyone figured this out?
Click to expand...
Click to collapse
I'd like to know too
---------- Post added at 10:53 AM ---------- Previous post was at 10:45 AM ----------
And how do I rename this so a new apk doesn't overinstall?

Sorry my internet connection was disturbed.
I have updated the first post. Please download sample project again.

[PC] MIUI Theme Editor + All Files & Tutorials

{
"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"
}
Notes:
- This Software Is Originaly Made By Various Crew Of MIUI Resource Developers,And All Regards Are Going To Them. -
- All Files & Tutorials Are Collected From Various Internet Forums,So All Regards Are Going To Their Authors.Also They Could Be Used For Creating Themes For Any MIUI Rom For All Supported Devices -
- I'm Not Responsible For Any Eventual Errors And Misbehaving Of Your Devices. -
REQUIREMENTS
Click to expand...
Click to collapse
Java JDK 1.6. or newer - (Included)
Windows/Mac/Linux
Notepad++
Winrar, 7zip or similar
Understanding of apk tool/manager - Decompiling and Compiling apks for images/pngs/xml codes
Understanding of 9-Patch (.9. png) Image
Image Editing Software e.g. GIMP, Photoshop
Working ADB Drivers on your PC
Android Phone with MIUI on it.
NinePatchEditor (Optional) - (Included)
MIUI Theme Editor
TUTORIAL
Click to expand...
Click to collapse
Setting up English Language.
Download the Theme Editor and Run it.
first time it may have the interface in chinese. So here is how to change it :
Creating an New theme
Go to Fle > New Theme
and you will see the window below. In put the name of your theme and save it.
Then you will see the following window. ( Description in screen shot )
Buttons
All the buttons are self explanatory but i will add some description where needed
Save : This is to save the changes made to the projects.
Generate full MTZ : This is used to compress and make the mtz file of the theme project to be used in phone
Apply Recent Changes : For this and next option to work your phone must be connected to PC. this option apply the recent theme changes to your connected phone (Useful when testing a smal change).
Full apply: This option apply the Full theme to your Phone.
Reload: This option will discard unsaved changes and will load the theme from theme directory (added PNG's Will stay there, will be explained later)
Setting: Have only option to copress the font if you want.(Have'nt used it).
Different Tabs and their Functions
Now Some information about diffrent Tabs and options on them.
Description Tab: Already explained in screen shot shown above.
Icons Tab: This tab is used to add icons to theme.When you click on the icon tab it have three further tabs, System icons, Default theme icons and Others. Before you proceed further Click on Sync button at the bottom of the icons. (Your phone must be connected in debug mode to the PC) This sync option will get all default icons from your phone including 3rd party apps. Now to change any Icons check below.
on the default theme icons tab there are some default 3rd party icons avialable in theme editor and others tab have the icons repalcement option for apps installed in your phone. procedure is same for all three tabs
Note. you dont need to rename your icon, Progran will do it for you! just drop it to the proper place.
Thats it if you just want to creat new icon pack. Just click on create full MTZ button and copy the mtz file to your phone and import it to theme manager or just click complete apply to your theme. But if you want to theme your Apps and change text colors then read on
3. Modules tab: This tab is the most important tab for themeing MIUI.
Creating New App Module
Here is how to create the App's theme module.
As an example I have selected the Contacts module (only one module at a time). you will see screen shown below , if different then click "change edit mode" button.
Now click on the first item in the folder view and follow the screen shot. again names of your png's does not matter. you have to go through all the view and find the red boxes, click on it and replace the png's you want to change. If you want to keep the system default png just leave it blank.
For modifying PNG's you can use the V4_templete (link at top) png's as a refrence. you can edit them to your requirements and then use them.
Changing the text Color
To change the text colors of the module items, click on the "change edit mode" button while contacts module is stille open. see bellow.
Important
Do the same procedure for all the Modules and modify PNG's and color's in it. Framework-miui-res and Framework-res are most important modules. Changes in Framework-miui-res effects all the MIUI applications, especially colors and Changes in Framework-res module can effect both MIUI apps and any other 3rd party app so be careful !!!! you might get white on white color problem.
Testing
Now its time to test your theme before release/share. You should test all the MIUI apps for proper theming as well as 3rd party apps for color problems. If you find any problem then just reopen or drag drop you theme directory on Theme Editor to reopen /edit your theme.
Editing *.9.png files
First you should understand what are 9-patch or *.9.png files
This is a good description on android developer
Editing is not so difficult as we dont have to compile the 9.png's for MIIUI theme editor. It it required for AOSP android themeing but MIUI Theme editor do it automatically.
So here are the steps
Take any old 9.png file and open it in any Image editor mensioned in the first post
First thing you will notice, is a black line at the right and bottom of the image. and a dot or small line at the top and left side of the image. you need to remove these lines. actualy you should crop out these one pixel lines from the image.
Or you can just create a new image.
Modify the png file the way you want and save to your computer.
Now open that image into Draw-9-Patch tool or NinePatchTool( I recomend later because its too tedious to draw borders in Draw-9-Patch )
Open the modified file the patch editor.
Draw the content and strech borders, (if you dont under stand it then just made the borders like in origional png)
save it and Use it in theme editor
Creating Dynamic ICONs for MIUI V5 Themes
Creating MIUI V5 Dynmic ICON is very easy and it Follows the Lock screen Variables syntax. you need to put your manifest.xml and ICONs in following folder, for example in case of calender
Icons
| __ fancy_icons
|__ com.android.calendar
manifest.xml follow the same syntax as the lock screen manifest.xml. so its easy. for example for callender you need to put following code in the manifest.xml.
<?xml version="1.0" encoding="utf-8"?>
<!-- calendar -->
<Icon version="1" frameRate="0" width="136" height="136" screenWidth="720" useVariableUpdater="DateTime.Hour">
<Group pivotX="68" pivotY="68">
<Image x="68" y="68" align="center" alignV="center" src="calendar_icon.png" srcid="#date" />
</Group>
</Icon>
I am included some examples for Deskclock and Notes dynamic ICONS. The Deskclock ICON will show the Analog time on the icon and Notes Icon will shou the text from your Notes. Amaizing .You just need to put the folder in icons folder of your theme following the above said folder format and just compress it and apply.
A little about useVariableUpdater
This system variable let you control that how often your varilable (Icons in our case) shoud change. for example in case of caleder it is enough to update once a day. but for deskclock icon it should be updated every second.
Supported values are : Battery, DateTime.Day, DateTime.Hour, DateTime.Minute, DateTime.Second
less often is the better to save resources. If your Icon doesn't depend on time or battry put useVariableUpdater = "none".
MIUI V5 Theme Filter Feature
It been a big problem for theme maker when some of unwanted contents and text color get themed and give you problem. NOT ANY MORE. now you can put a filter in framework-miui and put the packege name you want to theme. other packages will remain safe. So no side effects. for example
put the follwing code in filters.xml file and put the file in framework-miui-res folder of your theme.Themes are getting better and better for MIUI V5.
More detail
You need filter to only allow certain apps to use themes resources from "framework-miui-res" Module and avoid all other application to use ur themed resources from "framework-miui-res" module, it has nothing to do with package's independent folder files .
To do that you create a filter file as shown below and put it in "framework-miui-res" module folder and then make another folder with any name you want for example "myframework"
Dont put any other file out side that (myframework) folder except the filters.xml file and then put all the themed files of "framework-miui-res" into "myframework" folder (the res folder and theme_values.xml). Now include the "myframework" name in the filers.xml path line as shown below.
<filter path="myframework">
and the whole filters.xml file may look like this depending on packages you choose.
<?xml version="1.0" encoding="utf-8"?>
<MIUI_Theme_Filters>
<filter path="myframework">
<package>com.android.contacts</package>
<package>com.android.providers.contacts</package>
<package>com.android.deskclock</package>
<package>com.android.fileexplorer</package>
<package>com.android.mms</package>
<package>com.android.packageinstaller</package>
<package>com.android.providers.downloads.ui</package>
<package>com.android.providers.media</package>
<package>com.android.settings</package>
<package>com.android.systemui</package>
<package>com.android.thememanager</package>
<package>com.android.updater</package>
<package>com.miui.antispam</package>
<package>com.miui.home</package>
<package>com.wali.miui.networkassistant</package>
<package>com.android.phone</package>
</filter>
</MIUI_Theme_Filters>
and your "framework-miui-res" folder diretory structure may look like this
mytheme
|
|--com.android.contacts
|
~
~
|--framework-miui-res
|
|--filters.xml
|
|--myframework
|
|--theme_values.xml
|
|--res
|
|--drawable-xhdpi
|
|--drawable-hdpi
Now because of path varible in filters.xml only the packages included in the filters will have access to resources inside myframework folder.
Please Note that for packages folder itself work like before, you dont need to move them into "framework-miui-res" folder. You just need to add the package name in the filter list of filters.xml. and you can still theme any package which is not included in the filter list, But important thing is it will not be able to access the files inside the myframework and will use stock files instead if needed any.
DOWNLOAD
Click to expand...
Click to collapse
DOWNLOAD MIUI THEME EDITOR
ENJOY !!!​

Not supported x86 device...please fix!

Install .net Framework v4 And MSXML Parser On Your PC.

Hi, thanks for this. The download's no longer available on depositfiles and PutLocker.

Download Link Fixed

i donno how can i make a miui theme but thx to share this

Can you tell how to remove the square icon backgrounds from 3rd party icons?
For example:
im32.gulfup.com/Hjhq1.jpg
xiaomi.eu/community/threads/req-miui-icons-without-background-colors.19299/

Thanks for the resources links. I will try to start from today.
Wish me luck.

is this willl work for miui 8

Will this work with miui 9?