Hola Mi Fans!
We’ve prepared something you all were eagerly demanding. Designers design in their way, but MIUI is known for its emancipation of Customization. Hence, all our Mi Fans can design & develop themes as per their own choice. But, a question arises - we don’t know how to use the MIUI Theme Editor!? To solve this query, the team has prepared a detailed tutorial for you to learn to make themes easily.
Taking no more time let’s start with how to design your theme. This thread will walk you through the process of theme making for MIUI 11 Themes in 7 steps.
Step 1: Start
Open theme editor and choose New or choose to Open a theme that you might have previously worked on.
Step 2: Introduction
Step 3: (The Lockscreen)
Step 4: Modifying the Lockscreen
There are 8 available elements to modify the Lockscreen.
The Frame: Choose from 4 different frame modules that include the Swipe Up and Swipe Right options.
The Clock: Choose from 5 clock elements, wherein, every element of the clock can be modified with well-designed png files in the image section and moved to the desired place in the parameter section.
The Notifications: The notification panel on the lock screen can also be modified by replacing custom-designed PNG files.
The Music: There are 7 different music widgets built into the editor which can be modified according to the designers' creative liking.
The Weather: From Analog to Digital Weather widgets, there are 5 preset weather modules for the designer to work with and modify.
The Calendar: If the designer chooses to add a calendar module to the lock screen there are 2 options to add calendars, for which only the parameter can be modified.
The Charge Module: There are 7 different charge modules built into the theme editor. The images and the parameters can be changed according to the designer’s creativity.
The Extras: The theme can be further modified by using, extra modules like Marquee lamp and App Icons on Lockscreen to give it a unique touch.
Step 5: Modifying the Homescreen
Like the Lockscreen, the Homescreen also has Static Wallpapers and Dynamic wallpapers, and in addition to that, the Icons on the UI can also be designed and modified.
The Desk Clock: The main clock on the Lockscreen has 8 different widget modules to choose from. Ranging from Analog to Digital. Each element in the clock module can be designed according to the designer’s creativity.
Step 6: Modifying the Icons
The icon module consists of two types of the icon. Dynamic and Static.
Dynamic Icons: Dynamic icons include Calendar, Weather and Clock modules that change actively daily. There are many options available to choose in the following 3 modules. They can also be modified using the image and parameter editors.
Note: It is very important to add these modules, otherwise icons like Calendar/Clock/Weather will use the app default icon which won't change according to date/time/weather change.
Static Icons: Static icons are divided into Common Icons, Other Icons, and Filter Icons.
Step 7: Deep Theming
In this section, the theme layout can be further modified. Small elements on the home screen can be modified to make the theme look good.
Light template & Dark template:
1. Contact GlobalToolbar
- Search Tab
- Settings List
- Contact List
- Contact Details
- New Contact
- Single SIM Dialpad
- Dual SIM Dialpad
There are 9 elements that can be modified in the Phone module.
Apart from the search bars, the message module can be further modified as follows.
Apart from the search bars, the settings module can be further modified as follows.
7.5: Notification Bar
That's all for today
Download the Full Tutorial
2020-02-25 14:26:53 UploadClick on the file to download the attachment
Download Theme Editor
Start your Theme designing journey here :
Useful Links :
In order to fulfill the basic functions of our service, the user hereby agrees to allow Xiaomi to collect, process and use personal information which shall include but not be limited to written threads, pictures, comments, replies in the Mi Community, and relevant data types listed in Xiaomi's Private Policy. By selecting "Agree", you agree to Xiaomi's Private Policy and Content Policy .