How to change the design of buttons on Xiaomi: from standard themes to hidden settings

The look of the buttons on Xiaomi smartphones is not just a part of the interface, but a key element of the user experience. Standard round or rectangular buttons in MIUI or HyperOS are not popular: some people seem too large, some do not contrast enough, and some users want to completely remake them to the style of iOS or Pixel. Fortunately, the manufacturer and third-party developers offer several ways of customization โ€“ from simple themes to deep system changes.

In this article, we will analyze all current methods, including official settings, third-party launchers and even ADB-Important: Not all methods are compatible with the latest firmware versions (e.g. HyperOS 1.0.7).+ Support for some of them is disabled MIUI-Also note that changing system files can cause crashes โ€“ so always back up before experimenting.

1. Official MIUI/HyperOS themes: Quick change of button style

The safest and easiest way to change the look of buttons is to use the built-in Themes app. Xiaomi offers thousands of free and paid themes, many of which change not only wallpaper, but also the shape of icons, fonts, and the style of system buttons (including the navigation bar, volume buttons and off).

How to apply the topic:

  • ๐Ÿ“ฑ Open the Topics app (brush icon on desktop).
  • ๐Ÿ” Enter the search for โ€œbuttonsโ€ or โ€œnavigation".
  • ๐ŸŽจ Choose your favorite theme (pay attention to reviews โ€“ some themes may not change the buttons completely).
  • ๐Ÿ“ฅ Click "Apply" and confirm the changes.

Advantages of the method: does not require root-rights, reversibly, works on all models (Redmi Note 12, POCO X5, Xiaomi 14, etc.). Disadvantages: limited choice of styles (for example, you can not make buttons transparent or animated), and some themes are paid (from 50 to 300 rubles).

๐Ÿ“Š Which button style do you like more?
Round (as in MIUI by default)
Rectangular (like in iOS)
Minimalistic (thin lines)
Animated (with effects when pressed)
Other

2. setting up the navigation bar in the developer parameters

If you don't like the location or size of navigation buttons (e.g., Back, Home, Recent), you can change them through the developer's settings. This method doesn't change the design of the buttons drastically, but it allows you to:

  • ๐Ÿ”„ Change the order of the buttons (for example, do "Back" on the right, as in the iPhone).
  • ๐Ÿ“ Change the size and transparency of the panel.
  • ๐Ÿšซ Turn off animation when pressed.

Instructions:

  1. Activate Developer Mode: Go to Settings โ†’ About Phone โ†’ MIUI Version and press 7 times in a row.
  2. Return to Settings โ†’ Additional settings โ†’ Developer settings.
  3. Find the Navigation Panel section and select the options you need.

๐Ÿ’ก

If your firmware doesnโ€™t have the option of changing the order of the buttons, try installing the MiuiHome Mod module via Magisk (requires root).

Please note: on some models (Xiaomi) 13T, Redmi K60) With HyperOS, some of these settings can be hidden. ADB-team:

adb shell settings put global force_fsg_nav_bar 1

Third-party launchers: full customization of the interface

If there are few built-in themes, you can install an alternative launcher.

  • ๐ŸŒˆ Nova Launcher โ€“ allows you to change icons, sizes and even add gestures for buttons (for example, swipe up the Home button to run Google Assistant).
  • ๐ŸŽญ Lawnchair โ€“ supports adaptive icons and customization of the navigation bar (including color and shape).
  • ๐Ÿ”ง Microsoft Launcher โ€“ integrates with Windows and offers unique widgets, but the ability to change buttons is limited.

How to set the buttons in Nova Launcher:

  1. Install a launcher from Google Play.
  2. Go to Settings Nova โ†’ Navigation Panel.
  3. Select the style of the buttons (for example, "Transparent" or "Minimalist").
  4. Customize the color, size and indentations.

Make a backup copy of the current desktop |

Check compatibility with the Android | version

Disable battery optimization for launcher |

Restart the phone after installation-->

Important: Third-party launchers may conflict with Xiaomi system gestures (e.g., swipe sideways to return back). In this case, turn off conflicting gestures in Settings โ†’ System โ†’ Gestures.

4. ADB-Teams for Advanced Users

If you're ready to work with ADB, you can change the system settings of buttons that are not available through normal settings, such as turning off the button lighting or changing their shape at the firmware level.

Popular teams:

Team team.The effectCompatibility
adb shell settings put global policy_control immersive.full=*Hiding the navigation bar in full-screen applicationsMIUI 12โ€“14, HyperOS
adb shell settings put secure navigation_bar_height 48Changes the height of the navigation bar (value in pixels)Only MIUI
adb shell settings put global navigation_bar_color -16777216Makes the panel completely transparentAndroid 10+

Warning: misuse of ADB can cause interface failures.

โš ๏ธ Note: Create a recovery point in TWRP or make a backup through adb backup. some commands (e.g., change) navigation_bar_height) can make buttons non-clickable on screens with cutouts (Xiaomi) 13 Ultra, POCO F5).

How to return the standard settings after ADB-team?
If the buttons are missing or not working properly after the changes, follow the command: adb shell settings reset global This will reset all global settings to factory settings. If the problem persists, you may need to reset the phone to factory settings (with loss of data).

5.Magisk modules for deep customization

For users with root rights and installed Magisk, modules are available that change the system files responsible for displaying buttons.

  • ๐Ÿ”„ MiuiHome Mod โ€“ Adds hidden settings MIUI, including customization of navigation buttons and notification panels.
  • ๐ŸŽจ NavBar Tuner โ€“ allows you to change the color, size and shape of buttons, as well as add your own icons.
  • ๐Ÿ–Œ๏ธ Button Mapper โ€“ Reassigns button functions (e.g. double-click on Home to launch the camera).

How to install the module:

  1. Download the module file (.zip extension) from the XDA Developers or 4PDA forum.
  2. Open Magisk Manager and go to the Modules section.
  3. Click "Install from storage" and select the downloaded file.
  4. Reboot the phone.

โš ๏ธ Attention: Modules for MIUI HyperOS may not work due to changes in the structure of system files. Before installing, check compatibility with your firmware version (for example, HyperOS 1.0.7.0 for Xiaomi 14 Pro).

6. Change buttons through the system file editor

For the most experienced users, there is a way to edit system files manually, such as the navigation buttons stored in files:

  • /system/media/theme/default/navigation_bar โ€” standard.
  • /vendor/overlay/navigation_bar.xml โ€” display.

To change the icons:

  1. Download the archive with customized buttons (for example, in the style of iOS or One UI).
  2. Use Root Explorer or ADB, to replace files in a folder navigation_bar.
  3. Change the access rights to 644 (r-w-r-----).
  4. Reset the device.

Example of a command to replace a file via ADB:

adb push custom_nav_back.png /sdcard/


adb shell




su




mount -o rw,remount /system




cp /sdcard/custom_nav_back.png /system/media/theme/default/navigation_bar/




chmod 644 /system/media/theme/default/navigation_bar/custom_nav_back.png




reboot

๐Ÿ’ก

Editing system files is the riskiest method. An error in access rights or an incompatible image format can lead to a bootloop. Always check backups!

7. Alternative methods: gestures and virtual buttons

If you donโ€™t like the look of the buttons, you can completely abandon them in favor of gestures or virtual alternatives:

  • ๐Ÿ‘† Full-screen gestures (in MIUI/HyperOS): swipes instead of buttons. Activated in Settings โ†’ Display. โ†’ Full screen mode.
  • ๐Ÿ“ฑ Virtual panel via Button Mapper or Floating Toucher โ€“ creates floating buttons on top of any application.
  • ๐ŸŽฎ Game triggers (in Game Turbo): You can assign buttons to physical triggers (e.g., Black Shark 5 or Black Shark). POCO F4 GT).

The advantage of gestures is that it frees up space on the screen and the interface looks more modern. The disadvantage is that it requires addiction (for example, a swipe from the edge to go back may accidentally trigger).

FAQ: Frequent questions about changing buttons on Xiaomi

Can I get my old navigation buttons back to HyperOS?
Yeah, but not on all models. HyperOS has some of the old settings. MIUI Removed, but you can try: Install the MiuiHome Mod module via Magisk. ADB-command: adb shell cmd overlay enable com.android.internal.systemui.navbar.threebutton. On Xiaomi 14 and later, this method may not work due to changes in the kernel.
Why did the buttons change after the change?
Possible reasons: Theme does not support button change (check description). Theme cache is not updated - clear the Topic application data to Settings โ†’ Applications. You have a third-party launcher installed that overrides system settings.
How to make buttons transparent without root?
Without root rights, complete transparency is difficult to achieve, but you can: Use a theme with transparent buttons (see "transparent nav bar" in Themes). Install Nova Launcher launcher and enable "Transparent Navigation Bar" in its settings. Apply ADB-command to change colour (see section 4).
Can I change the volume and power buttons?
Volume and power buttons are physical elements, and they can't be changed in appearance. However, you can: Reassign their functions via the Button Mapper (for example, make a long press on "Loudness up" to start the flashlight); Change the visual display of their actions in the status bar (via Magisk modules); on some models (Xiaomi Mix Fold 3), the power buttons are integrated into the frame - their design depends on the case.
Which Xiaomi models support customization of buttons best?
The most flexible settings are available on flagships with unlocked bootloader: Xiaomi 13/14 series - full support for HyperOS and Magisk modules. POCO F5 Pro / Redmi K60 Pro - optimal price-to-customization ratio. Black Shark 5/6 - additional game triggers that can be reassigned. On budget models (Redmi 12C, POCO M6), some functions can be limited.