[Guide] MIUI Theme Editor user Guide in detail
This is a user guide for MIUI Latest Theme Editor Released on 2013.1.31
Some times you really like a theme but you don't like some parts of it then you can edit it very easily using MIUI theme editor or want to creat your own theme from scratch then this guide is for you.
For always upto date guide check this
Things you need
MIUI Theme Editor.
Working ADB Drivers on your PC.
Android Phone with MIUI on it.
Image Editor (GIMP,Photshop etc )
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
Guide Screenshot 1
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.
Guide Screenshot 2
Then you will see the following window. ( Description in screen shot )
Guide Screenshot 3
All the buttons are self explanatory but i will add some description where needed
: 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).
This option apply the Full theme to your Phone.
: This option will discard unsaved changes and will load the theme from theme directory (added PNG's Will stay there, will be explained later)
Have only option to copress the font if you want.(Have'nt used it).
Differents Tabs and their Functions
Now Some information about diffrent Tabs and options on them.
Already explained in screen shot shown above.
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.
Guide Screenshot 4
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
This tab is the most important tab for themeing MIUI.
Guide Screenshot 5
Creating New App Module
Here is how to create the App's theme module.
Guide Screenshot 6
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.
Guide Screenshot 7
Now click on the first item in the folder view and follow the screen shot. again names of your png's doesnt matter. you have to go through all the view and find the red boxes, click on it and repalce the png's you want to change. If you want to keep the system default png just leave it blanck.
Guide Screenshot 8
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.
Guide Screenshot 9
Guide Screenshot 10
Do the same procedure for all the Modules and 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.
Note: You dont need to recompile your 9.png's. just add contents and strech borders using the "NinePatchEditor" or sdk Draw9Tool. and thats it put it in the theme and compress the theme and it will do the rest.
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.
Official MIUI Team for Theme Editor Tool and V4 Templete
NinePatchEditor Dont know the Auther (Will add when I know)
Questions and Suggestions are Welcome