Pinterest Stumbleupon Whatsapp
Ads by Google

Want a status bar that matches the color of the app that you’re using? Thankfully, there’s a quick and easy way to do this on Android.

iOS 7 already has this feature for many apps, and so do the custom skins Android Skins Explained: How Do Hardware Makers Change Stock Android? Android Skins Explained: How Do Hardware Makers Change Stock Android? Hardware makers like to take Android and morph it into something that is entirely their own, but is this a good or a bad thing? Take a look and compare these different Android skins. Read More on the LG G3 and HTC One M8. Wherever you turn, it seems that colorful status bars are the way of the future — even Android L is supposed to bring more colorful status bars Your USB Charger Wants To Kill You, Download Android 5.0 Now, and More... [Tech News Digest] Your USB Charger Wants To Kill You, Download Android 5.0 Now, and More... [Tech News Digest] Also, the MPAA popularizes a resource for sharing movies, YouTube spoils content creators, Google Cardboard clones are now available, Uber offers weddings on demand, and Monty Python does a silly walk all over your smartphone. Read More along with it. But if you’re impatient for the awesome new look, you’ll want to try out this method.

Before And After

tinted-status-bar-2

On the left is what most Android status bars look like. Along the top of your screen is a black bar that is always there no matter what app you open. But on the right, you can see what the status bar looks like when the Facebook app is open with this mod. It’s amazing how such a small change can make such a huge visual difference.

You can also add a gradient to more easily distinguish the status bar, and if you’re using software buttons, you can even set up the navigation bar (the black bar along the bottom with Back, Home, and Recents buttons) to change color as well. Stick around till the end to find out how.

Setting Up Xposed

The first step in this process is to download the Xposed Framework. This amazing Android app allows you to tweak your device as much as you want without having to flash a custom ROM. Keep in mind, though, that you do need to be rooted. If you have no idea what I mean by this, check out our simple Android rooting guide.

Ads by Google

We’ve covered Xposed in depth Customize Your Phone Without Flashing a ROM With The Xposed Framework Customize Your Phone Without Flashing a ROM With The Xposed Framework It is common knowledge that the best way to customize your Android device is to flash it with a new ROM. It is also wrong. Read More before, as it really is worth your time, but let’s cover briefly how to set it up before getting started. First, go into your settings and under Security, check the box for “Unknown Sources”, which allows you to install apps from outside the Google Play Store.

tinted-status-bar-1

Next, download the installer from the Xposed website and run it, as shown above. However, Xposed by itself is just a framework for all of the awesome modules that can run on top of it. To change the color of your status bar, you’ll need a module called Tinted Status Bar.

Installing Tinted Status Bar

Now that Xposed is installed, open it up from your app drawer like a regular app and navigate to the Settings. Because Tinted Status Bar is technically still in Beta, you need to tell Xposed to show Beta modules as well as Stable modules. If you’re feeling particularly curious, you can even choose to go for Experimental builds.

tinted-status-bar-3

With that done, navigate to the Download tab and search for Tinted Status Bar. Once you find it, swipe to the right to the tab called Versions and download the latest version of the app.

tinted-status-bar-9

Once installed, you need to make sure that Tinted Status Bar is activated under the Modules section — then reboot your device.

Changing The Color Of The Status Bar

With Tinted Status Bar up and running, you can now find it in your app drawer like any other app. Best of all, you can make any changes you want and they don’t require a restart.

Some apps, like Google+, already have a defined “Action Bar” color and will change the color automatically — but most will not. To manually adjust them, find your app under Per App Tints, make sure the slider at the top is set to On, and select “All activities, below settings override this”.

tinted-status-bar-4

From here, you can choose if you want to link the status bar and nav bar colors (if you have a nav bar on your device) and if you want the status bar to stay the same color even if the action bar goes away temporarily within the app.

tinted-status-bar-5

You can then tap on one of the four colored squares to adjust their color and their opacity. If you’re having issues, make sure the opacity slider is all the way to the right. You can then adjust the value or type it in to reach your desired color.

But what if you don’t know the color code for Facebook blue? No problem. That’s where Color Picker comes in.

tinted-status-bar-8

Once you download this app from the Play Store, you can take a screenshot of the app you want to know the color of (in this example it is Play Music) and then open Color Picker and select the screenshot. Simply tap on the screen anywhere on the colored portion of the action bar, and it will tell you the color code.

Troubleshooting

If you’re using a custom launcher Which Android Launcher Should You Use? We Compare The Best! Which Android Launcher Should You Use? We Compare The Best! Given the huge number of launchers available, there's something for everyone. Here are the best app launchers for particular needs, depending on what kind of user you are. Read More that allows for a transparent status bar and/or navigation bar, you may run into an issue where the bars turn black instead of transparent on your homescreen or lockscreen. If this happens, the fix is surprisingly easy.

tinted-status-bar-6

Navigate into the settings and uncheck the Respect KitKat APIs box, then go find your Launcher and set its opacity to zero.

If some of your apps get black text in the status bar when you want white text, change the “Max HS[V] for black icons” value to a higher setting, and that should take care of it.

If you want to have certain parts of an app display a different color than other parts, use the “Toast activity titles” button to display toast notifications of each activity as it starts. You can than go into each app and set custom colors based on the activity within the app.

Head on over to the original XDA thread and do a quick search there if you run into any other issues. Chances are that someone else has already asked the question. If not, feel free to ask it yourself.

What Do You Think?

tinted-status-bar-7

I absolutely love the new colors of my status bar and nav bar, and I could never go back to just plain black now. If you appreciate this mod as much as I do, head on over to the Google Play Store and buy the Tinted Status Bar Donation for $2.02. It doesn’t provide any additional functionality (the app is completely free and ad-free!) but it does support the developer.

What do you think of this Xposed module? Any other amazing mods you’d like to share with us?

  1. Shivam
    August 20, 2016 at 6:34 pm

    I used in Note Edge but it did not work.

  2. Kartal
    May 1, 2015 at 6:39 pm

    Hello,
    I read all text it is really usefull but...
    I have really slow internet connection so I really don't wanna re-install whole my apps. However I don't wanna make it long.
    Is there any way to do it without root ?
    I'm on android 5.1 with stock anroid (Nexus 5)

  3. AJK
    April 4, 2015 at 11:44 am

    In my micromax A58 xposed framaroot is not installed. everytime i try to install Xposed Framaroot Apk its shows 'Application not installed.' Please help me how to install Xposed Framaroot in my micromax A58.

  4. MrSomeone
    February 3, 2015 at 5:42 am

    Try app called "iNoty". It's paid app, but you don't need root for it and it looks exactly the same like iOS 7/8 status bar, also with notification center.

  5. brittanyp
    January 27, 2015 at 7:00 pm

    It wouldn't work for my LG g3 I went step by step over and over even troubleshooting it all and nothing pls help I hate the yellow messages

  6. quack
    December 30, 2014 at 2:24 pm

    Why this module can't be use on grand 2?

  7. Krishna Sundar
    December 22, 2014 at 6:51 am

    Try 'Flat Style Colored Bars' module in Xpose Framework. This changes things automatically for each app !

  8. Emad
    December 2, 2014 at 2:58 pm

    I have a galaxy s2 plus I downloaded the app everything is great, but there is one problem is that the status bar turned into black not transparent i would liketo make it tranparent again and using the app at the same time anyone would help me please ?
    Thanks

  9. Anandoez
    November 16, 2014 at 3:55 am

    doesn't work in xperia sp , not changing any color.

  10. lunker
    October 6, 2014 at 9:06 pm

    For G2, there's G2 Xposed on Play Store. It does automatically pick the proper color for staturbar and navbar. Very stable on stock rom but buggy on CM11.

    Thank you for this alternative module. Picking the colors manually is such a pain though:)

  11. rolfhu
    July 27, 2014 at 4:52 pm

    Don't like to root my LG G2 or LG Flex. Both have a big screen,don't need this extra color change ????

    • Justin D
      July 31, 2014 at 6:44 pm

      okay, so don't change the color then. just leave it as it is. :)

  12. Aliston D'souza
    July 23, 2014 at 9:06 pm

    This feature is already available on Sense 6

    • Justin D
      July 31, 2014 at 6:44 pm

      Yes, and the skin on the LG G3, but not everyone has a brand new HTC One M8 or LG G3 -- so this is a guide for stock/near-stock Android users -- those with a Nexus 4, 5, 7, or 10; Moto X, G, or E; the OnePlus One; or users on other devices who have flashed an AOSP-based ROM.

    • ramel
      October 15, 2014 at 7:23 pm

      on sense 6 its only available for system apps

  13. Joan A
    July 23, 2014 at 7:22 am

    So, what Android version does this apply? Mine does picture-on-the-right without me having tweaked anything. Except, it's kinda annoying when the app is why because then every information just disappears.

    • Justin D
      July 31, 2014 at 6:41 pm

      not sure what you mean about information disappearing, but as I said in the intro, some Android skins from certain OEMs already have colored status bars, like the LG G3 and the HTC One M8. this is a guide for stock Android users.

  14. Greg
    July 23, 2014 at 1:36 am

    I agree with Zoran. I'm not prepared to 'root' my phone. How about a 'non-root' option?

    • Justin D
      July 31, 2014 at 6:39 pm

      Sorry, it's not possible to change deep system-level things like the color of the status bar without root permissions.

  15. Bonomo
    July 22, 2014 at 11:06 pm

    Oh shit!

  16. Zoran N
    July 22, 2014 at 5:37 pm

    You should change title to "How To Get An iOS-like Colorful Status Bar On Any Android Rooted Device" :)

  17. Cody
    July 22, 2014 at 4:59 am

    as per additional mods, I'd recommend the "Ok Google 3rd party launchers" module (http://repo.xposed.info/module/com.mohammadag.thirdpartylauncherhotword), adds the stock launcher's "Ok Google" keyword to most 3rd party launchers (works for all I've tried, ADB, and some others).

  18. Brendan
    July 21, 2014 at 10:33 pm

    Didn't work tried the troubleshooting section and everything. I have a lg f5

    • Justin D
      July 31, 2014 at 6:45 pm

      LG's Android skin could be causing compatibility issues. If you're rooted already, try flashing an AOSP-based ROM and then it should work.

  19. Dustin
    July 21, 2014 at 4:54 pm

    Great app. Its a pain to have to go to every app, but it works well.

    • Justin D
      July 31, 2014 at 6:45 pm

      Very true, can only hope for it to either get more automatic in the future or for Google to just integrate this feature into Android soon.

Leave a Reply

Your email address will not be published. Required fields are marked *