Creating your own themes for Xiaomi smartphones is a fascinating way to personalize the interface MIUI Unlike standard topics from the Themes (formerly Topics for the Topics) MIUI), Custom solutions allow you to have complete control over colors, icons, animations, and even sounds, but the process requires not only creativity, but also technical knowledge, from working with graphic editors to modifying system files.
In this article, we'll take you all the way from design preparation to final installation of the theme on your device, and you'll learn what tools you'll need to help you avoid common themes mistakes. MIUI 14/15 with support for dynamic icons and dark mode, as well as how to circumvent the limitations of the official theme store. POCO, including models based on HyperOS.
1.Preparation: What is needed to create topics
Before you start designing, assemble the necessary set of tools and files, without which the process of creating a theme will be impossible or very limited.
Here's the minimum set:
- ๐จ Graphic Editor: Adobe Photoshop (paid) or GIMP (Free) for icons and background images, alternatively Figma for vector graphics.
- ๐ Templates. MIUI: formal PSD-Xiaomi templates (available on forums) XDA Developers or MIUI They contain layers for all interface elements.
- ๐ป Code Editor: Visual Studio Code or Notepad++ editable XML-theme files and manifestos.
- ๐ฑ Test device: Xiaomi smartphone with unlocked bootloader (for debugging) or emulator MIUI Android Studio.
- ๐ง Packaging tools: MTZ Theme Editor (obsolete but working) MIUI Theme Editor (new, with HyperOS support).
A basic understanding of the structure of topics will also be required. MIUI. Each theme is an archive with the.mtz extension containing:
- ๐ผ๏ธ Icon folder โ application icons and system icons.
- ๐จ Wallpaper folder โ wallpaper for desktop and lock.
- ๐ Style folder โ XML-files with colors, fonts and element styles.
- ๐ Media folder โ the sounds of notifications, alarms and system events.
โ ๏ธ Note: If you plan to publish a theme in the official Theme Store, please note that Xiaomi prohibits the use of brand logos (such as Apple or Samsung) in icons. You can not copy the design of existing themes - this will lead to the blocking of your account.
2. Theme design: where to start
The first stage is to develop a concept. Decide what the style of your topic will be:
- ๐ Dark/light: MIUI It automatically adapts themes to the system mode, but you can create separate versions.
- ๐ญ Minimalism vs. Detail: Minimalist themes (e.g. Pixel Experience) are easier to create, but less unique.
- ๐๏ธ Manual drawing vs. generation: icons can be drawn from scratch or modified standard through Icon Pack Studio.
Start with a sketch on paper or in Figma.
- Color palette (use Coolors to match harmonious colors).
- The shape of the icons (round, square, rounded โ as in iOS).
- Wallpaper style (gradients, abstraction, photographs).
For inspiration, explore popular themes in the Themes store or on sites like MIUI Themes, pay attention:
- ๐น Contrast: The text must be readable against any background.
- ๐น Uniformity: icons of the same style (for example, all with or without shadows).
- ๐น Adaptability: Theme should look good on screens with resolution from 720p before 4K.
3. Creation of icons and graphic elements
Icons are the most time-consuming element of the theme. MIUI At least 3 versions of each icon are required:
- ๐ฑ 108x108 px for the desktop.
- ๐ 144x144 px - for the application menu.
- โ๏ธ 192x192 px โ for settings and notifications.
Recommendations for the establishment of:
- Use vector formats (.svg or.ai) for scalability.
- Keep the background transparency (.png format).
- Stick to one style: for example, all icons with rounded corners radius 24px.
- For dynamic icons (support with the MIUI 12) create separate layers for light and dark themes.
If drawing icons from scratch is difficult, use the templates:
- ๐ Download. PSD-pattern MIUI layered for all standard icons.
- ๐จ Modify them in Photoshop, changing colors, shapes and effects.
- ๐ Check that all icons have the same padding (removal from the edges).
โ ๏ธ Note: Xiaomi blocks themes where app icons (such as WhatsApp or Telegram) contain brand logos. Replace them with abstract characters or create unique icons.
3 versions of each icon were created (108x108, 144x144, 192x192)
All icons in format PNG transparently
Uniform style (shape, shadows, colors)
Verified readability on a dark and light background
Brand logos removed (prohibited by the rules) MIUI)-->
4. Work with XML styles
The visual part of the topic is determined not only by graphics, but also by XML-It's in the style folder:
- ๐จ Colors: background, text, accent (for example, colorPrimary).
- ๐ค Fonts: family, size, mark (fat, italics).
- ๐ Retractions and dimensions: height of panels, radius of curvature of buttons.
Main files:
| File. | Appointment | Example of code |
|---|---|---|
| colors.xml | Theme color palette | <color name="colorPrimary">#6200EE</color> |
| styles.xml | Styles of elements (buttons, text) | <style name="ButtonStyle"> <item name="android:background">@drawable/button_bg</item> </style> |
| dimens.xml | Element sizes (indentations, heights) | <dimen name="status_bar_height">24dp</dimen> |
| fonts.xml | Connection of custom fonts | <font-family xmlns:android="..."> <font android:font="@font/roboto_medium" /> </font-family> |
For editing XML It's easy to use Android Studio, which highlights the syntax and checks for errors. MIUI, Just modify them. For example, if you remove a line from colorPrimary, the theme won't be validated.
Example of modification colors.xml dark-themed:
<resources>
<color name="background_dark">#121212</color>
<color name="text_primary_dark">#FFFFFF</color>
<color name="accent_color">#BB86FC</color>
</resources>๐ก
Use the Material Design Color Tool to check the contrast of text elements. MIUI requires a ratio of at least 4.5:1 to be available.
5. Packaging the theme in MTZ-format
When all graphics and text elements are ready, they need to be packaged into a.mtz file. MIUI. For that:
Method 1: Through MIUI Theme Editor (recommended)
- Download. MIUI Theme Editor with GitHub (check the relevance of the version!).
- Import a theme folder (the structure should match the template).
- Fill in metadata: name, version, author, supported devices.
- Export to.mtz.
Method 2: Hand-held packaging (for experienced)
- Squeeze the theme folder in ZIP-archive.
- Rename the extension from.zip to.mtz.
- Check the integrity through MTZ Validator (available on forums) XDA).
Please note the structure of the archive:
theme_name.mtz
โโโ description.xml (metadata)
โโโ preview.png (preview for the store)
โโโ icon/ (icons)
โโโ wallpaper/ (wallpaper)
โโโ style/ XML- Styles
โโโ media/ (sounds)โ ๏ธ Note: If the theme weighs more than 50MB, it will not be uploaded to the official store. Optimize graphics via TinyPNG or reduce the number of wallpapers.
๐ก
Always test the theme on a real device before publishing. Emulators may not show errors with animations or fonts.
6. Installation and testing of the topic
The.mtz file can be installed in two ways:
Method 1: Through the "Themes" appendix
- Copy the.mtz file into a folder MIUI/theme internal.
- Open the Topics app โ Profile โ My subjects. โ Import.
- Select your file and apply the theme.
Method 2: Through ADB (debug)
adb push theme_name.mtz /sdcard/MIUI/theme/
adb shell am start -n com.android.themes/.activity.ThemeImportActivityWhen testing, check:
- ๐น Correctness of the display of icons (whether there are croppings or blurring).
- ๐น Clear text on all screens (settings, notifications, keyboard).
- ๐น Animation work (transitions between screens, unlocking).
- ๐น Compatibility with dark/light mode.
If the topic does not apply, check:
- ๐ Version MIUI (Some features do not work on older versions).
- ๐ Archive integrity (unpack.mtz and make sure all files are in place).
- ๐ Access rights (some firmwares need to allow installation of topics from unknown sources in Settings) โ Special facilities โ Topics).
How to get around the restriction on installing themes on a blocked bootloader?
7. Posting the topic in the store MIUI
If you want to share your topic with other users, you can publish it in the official Theme Store.
- Register as a developer on zhuti.xiaomi.com (you will need a Chinese phone number or help with services like SMS-Activate).
- Download the.mtz file through the developer panel.
- Fill in the description in Chinese and English (use Google Translate carefully - moderators check the quality of the translation).
- Specify a category (e.g. Minimalism, AMOLED) tagged.
- Wait for moderation (from 3 days to 2 weeks).
Publication requirements:
- ๐ The theme should support the last 3 versions MIUI.
- ๐ At least 80% of icons must be unique (not copied from other themes).
- ๐ Political symbols, violence or content are prohibited 18+.
- ๐ Preview (preview.png) should be the size 1080x1920 px.
If the topic didn't go through moderation, you'll get a reasoned email.
- ๐ซ Use of brand logos in icons.
- ๐ซ Incorrect colors (for example, white text on a light background).
- ๐ซ Lack of support for the dark regime.
Once approved, the theme will be available in the store, and you can earn revenue from sales (Xiaomi takes 30% commission). $50 $500 a month.
8. Alternative means of distribution
If publishing in the official store is too complicated or your topic has not been moderated, there are alternatives:
1. Forums and communities
- ๐ XDA Developers - section MIUI Themes.
- ๐ท๐บ MIUI Russia โ Russian-speaking community.
- ๐ฑ Telegram channels, like, MIUI Themes Collection.
2. Third-party theme stores
- ๐ Play Store: Apps like this MIUI Themes Store (unofficial).
- ๐ APKMirror: Some topics are spread as APK.
3. Social media
- ๐ท Instagram and Pinterest for visual presentation.
- ๐ฆ Twitter/X โ update-in.
When distributed through third-party sources:
- ๐ Always check files for viruses (use VirusTotal).
- ๐ Give me the version. MIUI, topical.
- ๐ Update the theme when new versions of the firmware are released.
๐ก
Unofficial topics may contain malicious code. Always check the source and read reviews before installing.