How to Change the Top Bar on Xiaomi: From Icons to Transparency

The top bar (or status bar) on Xiaomi smartphones is not just a bar with watches and indicators, but a key interface element that can be flexibly customized to your needs, from changing color and transparency to hiding unnecessary icons or adding useful widgets. However, many users do not even realize that the standard settings MIUI HyperOS allows you to radically transform the appearance of the panel without root rights or third-party applications.

In this article, we will analyze all available ways to customize the top panel - from the basic settings in the phone menu to advanced tricks using developer-mode and ADB-We'll focus on the nuances for different firmware versions (MIUI 14/15 HyperOS and others, and how to get around system limitations if the Suddenly option disappeared after the update.

Before you make any changes, make sure your smartphone is running the current firmware version. Some features (like the dynamic transparency of the panel) only appeared in the first place. MIUI 14 HyperOS. You can check the version in Settings โ†’ The phone. โ†’ Version. MIUI/HyperOS.

๐Ÿ“Š What version of the firmware are you using?
MIUI 12/13
MIUI 14
HyperOS
I don't know.
other

1. Basic settings of the upper panel in MIUI/HyperOS

So let's start with the simplest of them all, built-in options that are available without any manipulation, and most of them are hidden in the Settings menu. โ†’ Screen or Settings โ†’ Notifications and status bar (name may vary depending on firmware version).

Hereโ€™s what you can change without installing third-party apps:

  • ๐ŸŽจ Panel color: choice between dark and light mode (automatic switching when changing the theme of the system).
  • ๐Ÿ“ฑ Transparency: adjusting the degree of background dimming (not available on all models).
  • โฐ Time format: 12-hour or 24-hour, and display of seconds.
  • ๐Ÿ“ถ Indicator icons: hiding icons of mobile network, Wi-Fi, battery and other.
  • ๐Ÿ”„ Order of elements: shifting clocks, notification icons and system indicators (limited).

For example, to hide the battery icon, go to Settings. โ†’ Notifications and status bar โ†’ Status indicators and turn off the switch next to Battery Charge, similarly, you can remove Bluetooth indicators, Flight Mode or Active Access Point.

โš ๏ธ Note: Some models (e.g. Redmi Note 12 or Redmi Note 12) POCO X5) The option of hiding icons can be blocked by the manufacturer, in which case only the use of the icons will help. ADB-teams (more on this below).

2. Advanced customization through Developer Mode

If you don't have enough built-in options, turn on Developer Mode, which will give you access to hidden settings, including those that control the appearance of the status bar, to activate the mode:

  1. Go to Settings. โ†’ The phone.
  2. Find the MIUI version (or HyperOS version) and tap it 7 times in a row.
  3. Enter the screen unlock password if required.
  4. Return to the main settings menu โ€“ there will be a new section for developers.

Now, in the Developer Menu, find the following options (the name may vary):

  • ๐Ÿ”ง Show the taps - visualization of taps (does not affect the panel, but useful for debugging).
  • ๐Ÿ“ฑ Status bar font size โ€“ changing the scale of watches and icons.
  • ๐ŸŽจ Status bar color โ€“ manual tint setting (does not work on all devices).
  • ๐Ÿ”„ Automatic color change โ€“ adapting to wallpaper or applications.

On models with HyperOS (for example, Xiaomi 14 or X-rays) POCO F6) In developer mode, the Dynamic Transparency Status Bar option has been introduced, which automatically adjusts the degree of dimming to the content on the screen, which is especially useful when watching videos or games where a static bar can be distracting.

Enable the developer mode

Activate debugging over USB

Install ADB-PC drivers

Download platform tools (platform-tools)

Connect the phone to the computer-->

3. Change the upper panel through ADB-team

If you need to hide system icons that cannot be removed through standard settings (e.g, NFC or location, or change the order of the elements, you need to use ADB (Android Debug Bridge. This method works on all versions MIUI/HyperOS, It requires connecting the phone to the computer.

Here is a list of the most useful ADB-Status Bar Customization Teams:

# Hide the battery icon


adb shell settings put global icon_blacklist battery




Hide the Wi-Fi icon



adb shell settings put global icon_blacklist wifi




Hide the mobile network icon



adb shell settings put global icon_blacklist signal




Return all icons (clear the list)



adb shell settings put global icon_blacklist ""




Change the color of the status bar (RRGGBB format)



adb shell settings put global status_bar_color ff000000 # Black




adb shell settings put global status_bar_color ffffffff # White




Make the panel transparent (value from 0 to 255)



adb shell settings put global status_bar_transparency 100

After you execute the commands, restart your phone to make the changes effective. If the panel starts to look incorrect (for example, icons overlap), reset the settings via the command:

adb shell cmd statusbar reset

โš ๏ธ Note: Some commands (e.g., color change) may not work on HyperOS devices if the manufacturer has blocked this feature at the firmware level, in which case only installing custom recovery and modified firmware will help.

How to return the standard settings if the panel broke?
If, after experimentation, ADB the top panel stopped showing correctly (for example, the clock disappeared or the icons were overlaid), follow the following steps: 1. Connect the phone to the PC and open the command line in the folder with ADB. 2. Enter the command adb shell cmd statusbar reset. 3. Reboot the device. 4. If the problem persists, reset the interface settings in Settings โ†’ Annexes โ†’ Application management โ†’ Settings (โš™) โ†’ Warehouse โ†’ Clear the data.

4.Use of third-party applications for customization

If you don't want to mess with ADB Or you can turn on the developer mode, you can use third-party utilities:

  • ๐Ÿ“ฑ Nacho Notch โ€“ allows you to hide the cutout in the screen (for example, on Xiaomi) 13T or Redmi K60) and change the status bar around it.
  • ๐ŸŽจ Status Bar Customizer โ€“ Flexible color, transparency, icons and even adding your own icons.
  • ๐Ÿ”ง Material You Dynamic Colors โ€“ automatically adjusts the color of the panel for wallpaper (works on Android 12)+).
  • ๐Ÿ“ฒ Good Lock (Nice Catch) โ€“ a module for devices with HyperOS, offering advanced customization options.

Example of Status Bar Customizer:

  1. Install the app from Google Play.
  2. Permit to change system settings (access to Settings is required) โ†’ Special facilities โ†’ Screen overlay).
  3. In the app menu, select: ๐ŸŽจ Color status bar โ†’ Set a hex code or select from the palette. ๐Ÿ“ฑ Transparency โ†’ Move the slider to the desired value. โฐ The clock โ†’ change the font, size or position.

Save the changes and restart the phone.

Important: Some applications (like Nacho Notch) require permission to use special features, without which they will not be able to apply changes to the system interface.

๐Ÿ’ก

If after installing a third-party application, the top panel began to glit (flicker or disappear), try turning off battery optimization for this application in Settings. โ†’ Annexes โ†’ Application management โ†’ [Name of the annex] โ†’ Battery โ†’ No restrictions.

5. Features of setting up on HyperOS

HyperOS โ€“ the new firmware from Xiaomi, which replaced MIUI It offers a more modern interface and new customization capabilities, but some of the usual options have been moved or renamed.

Here are the key differences when setting up the top panel on HyperOS:

FunctionMIUI 14HyperOS
The path to panel settingsSettings โ†’ Notifications and Status LineSettings โ†’ Screen โ†’ Status String
Dynamic transparencyOnly through ADBAvailable in Developer Mode
Hiding iconsLimited listMore options including NFC and Location)
Colour of the panelOnly dark/lightSupport for custom flowers (hex code)
Order of elementsFixedYou can change the clock and icons.

HyperOS also has a feature called Adaptive Status Bar, which automatically changes the color of the panel depending on the application being launched, for example, on YouTube the panel will turn red and on Telegram it will turn blue.

  1. Go to Settings โ†’ Screen โ†’ Status Line.
  2. Activate the Adaptive Color Switch.
  3. Select the apps you want to use custom colors for.

๐Ÿ’ก

HyperOS has the ability to customize the transparency of the panel separately for the home screen and applications, which allows, for example, to make the panel completely transparent on the desktop, but semi-transparent in games or instant messengers.

6. Hiding the top panel completely

If you're disturbed by the top panel (like watching videos or playing games), you can hide it completely.

  • ๐ŸŽฎ In Games: Enable Full Screen Immersive in the game settings (available in Game Turbo).
  • ๐Ÿ“บ In the video: tap the screen twice in the player (works on YouTube, MX Player, et al.).
  • ๐Ÿ“ฑ Globally: use ADB-Adb shell settings put global policy_control immersive.full=* To return the panel, swipe from top to bottom along the edge of the screen.
  • ๐Ÿ”ง Through apps: Nacho Notch or Full Screen Immersive Mode lets you flexibly manage the display of the panel.

HyperOS also has a built-in Hiding the Status Line in the navigation gestures to activate it:

  1. Go to Settings โ†’ Screen โ†’ Navigation gestures.
  2. Choose Full-screen gestures.
  3. Turn on the option to Hide the status bar when scrolling.

โš ๏ธ Warning: Hiding the top panel completely can make it difficult to access notifications and quick settings. To return it, swipe your finger from the top edge of the screen down (even if the panel is not visible).

7. Solving common problems

When customizing the top panel, users often encounter common mistakes, and here's how to fix them:

Problem.Reason.Decision
The icons overlapped.Post-conflict conflict ADB-teamPerform adb shell cmd statusbar reset and restart the phone.
The color of the panel does not change.Manufacturer's lockTry the Status Bar Customizer app or install custom firmware.
The panel is transparent, but the text is not visible.Contrast of typeChange the color of the text through ADB: adb shell settings put global status_bar_clock_color ffffffff (white).
Gestures do not work after hiding the panelConflict with the immersive regimeTurn off full-screen mode in gesture settings or use a swipe from the edge.
The panel settings reset after the updateResetting system parametersRepeat the setup or restore the backup via Mi Cloud.

If none of these methods worked, check if the optimization is blocking the changes. MIUI/HyperOS. For that:

  1. Go to Settings โ†’ Applications โ†’ Application Management.
  2. Find the app you use for customization (like Status Bar Customizer).
  3. Choose the Battery. โ†’ No restrictions.
  4. Also disable Auto Start and Memory Optimization for this app.

FAQ: Frequent questions about setting up the top panel

Can I change the font of the watch on the top panel without root?
Yes, but with limitations. MIUI 14/15 You can use the Status Bar Customizer app, which allows you to select one of the preset fonts or download your own (in.ttf format). However, you can't change the system font without root rights - this will require a modified firmware or Magisk module.
Why did the panel transparency settings disappear after the HyperOS update?
In HyperOS, the logic of transparency has changed, and now it can be hidden in Settings. โ†’ Screen. โ†’ Additional settings โ†’ Interface transparency. If you don't, try to enable Dynamic Transparency in developer mode or use it. ADB-Adb shell settings put global status_bar_transparency 150 Meaning 150 โ€” This is the degree of transparency (from) 0 before 255).
How to return the old top panel after the update MIUI?
Unfortunately, you can't roll back to the previous status bar design without rolling back the entire firmware. However, you can bring the look closer to the old style: Set a dark theme in Settings. โ†’ Screen. โ†’ Topics: Turn off Adaptive Colors in the panel settings. Use Status Bar Customizer to bring back the classic clock and icon layout. The full rollback of the design is only possible through the installation of custom firmware based on the old version. MIUI.
Can I add my icons to the top panel (e.g., CPU temperature)?
You can't add custom icons to the system status bar without root rights. There are workarounds, however: Use a desktop widget (like Another Widget) that displays the information you want. Install the Overlay Status Bar app that overlays elements on top of the system panel. For advanced users: Create your own Magisk module or modify it SystemUI.apk (HyperOS has support for Quick Tools, floating widgets that can be placed on top of the panel.
Why is my Xiaomi not able to hide icons in the settings?
It depends on the device model and regional firmware. on some smartphones (e.g. Redmi). 9A or POCO M3) Xiaomi has cut back on status bar functionality. Solutions: Try updating your firmware to the latest version. ADB-commands to hide icons (see Section 3). Install a global firmware (e.g, MIUI EU) โ€” It's usually more options. If nothing works, it's root or custom firmware.