How to Create Themes for Xiaomi: From Design to Installation MIUI

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.
๐Ÿ“Š Which style of topics do you like more?
Minimalistic (clean lines, few details)
Bright and contrasting (neon colors)
Dark (AMOLED-optimized)
Light (pastel tones)
Other

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:

  1. Use vector formats (.svg or.ai) for scalability.
  2. Keep the background transparency (.png format).
  3. Stick to one style: for example, all icons with rounded corners radius 24px.
  4. 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.AppointmentExample of code
colors.xmlTheme color palette<color name="colorPrimary">#6200EE</color>
styles.xmlStyles of elements (buttons, text)<style name="ButtonStyle"> <item name="android:background">@drawable/button_bg</item> </style>
dimens.xmlElement sizes (indentations, heights)<dimen name="status_bar_height">24dp</dimen>
fonts.xmlConnection 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)

  1. Download. MIUI Theme Editor with GitHub (check the relevance of the version!).
  2. Import a theme folder (the structure should match the template).
  3. Fill in metadata: name, version, author, supported devices.
  4. Export to.mtz.

Method 2: Hand-held packaging (for experienced)

  1. Squeeze the theme folder in ZIP-archive.
  2. Rename the extension from.zip to.mtz.
  3. 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

  1. Copy the.mtz file into a folder MIUI/theme internal.
  2. Open the Topics app โ†’ Profile โ†’ My subjects. โ†’ Import.
  3. 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.ThemeImportActivity

When 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?
On some devices (e.g. Xiaomi) 13T HyperOS) requires you to unlock the bootloader to install custom themes. Alternatively, use the app. MIUI Theme Manager (requires root) or patch system file miui_themes.apk via Lucky Patcher (risky!).

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.

  1. Register as a developer on zhuti.xiaomi.com (you will need a Chinese phone number or help with services like SMS-Activate).
  2. Download the.mtz file through the developer panel.
  3. Fill in the description in Chinese and English (use Google Translate carefully - moderators check the quality of the translation).
  4. Specify a category (e.g. Minimalism, AMOLED) tagged.
  5. 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.

FAQ: Frequent questions on creating topics

Can you create a topic without knowledge? XML?
Yes, but the functionality will be limited. You can only change icons, wallpapers and sounds, but not the styles of interface elements (buttons, menus, etc.). XML don't do it.
Why is my theme not applicable to Xiaomi 12 with HyperOS?
HyperOS has made changes to the theme structure. Make sure: Your theme supports HyperOS (specified in the article). description.xml). You are using the current version. MIUI Theme Editor (not lower) 2.5). In the developer settings, the debugging mode is enabled USB Allow installation of topics from unknown sources.
How do you add animation to the topic?
Animations in MIUI You need to use the files in the anim folder. You need:.xml files (for easy transitions)..json files. +.png sprites (for complex animations, such as lock screensavers) Example of code for unlock animation: <set xmlns:android="http://schemas.android.com/apk/res/android"> <objectAnimator android:propertyName="alpha" android:duration="500" android:valueFrom="0" android:valueTo="1" /> </set> Use Adobe After Effects to create animations + plugin Lottie.
Can I port themes from other firmware (for example, EMUI one UI)?
Technically, yes, but it's a time-consuming process. MIUI much different EMUI (Huawei or One UI (Samsung: Remove graphic elements (icons, wallpaper) from the original theme, adapt them to resolutions and style MIUI. Manually create styles.xml It's much easier to use existing themes to create a new configuration. MIUI base.
How to protect your topic from copying?
You can't completely protect the subject, because.mtz is an archive that can be unpacked: ๐Ÿ”’ Add watermarks to wallpaper and icons. ๐Ÿ“œ Indicate authorship in description.xml. ๐Ÿšซ Prohibit modifications in the license agreement (although legally difficult to control).If your topic is copied, you can complain about support. MIUI, providing evidence of the original source.