How to change the color of the status bar in Android?

Question

I would like to change the color of highlighted bar in Android Studio:

How can i do it?

Are you talking about status bar or bottom bar of phone or something else? please be more specific — KDeogharkar, Sep 06 '16 at 06:21
@KDeogharkar The picture is telling all thing. I do not know the terminology. — Humty, Sep 06 '16 at 06:22
ohk I am not able to see it. imgur is block from my end .my mistake — KDeogharkar, Sep 06 '16 at 06:24
Possible duplicate of [How to change the status bar color in android](http://stackoverflow.com/questions/22192291/how-to-change-the-status-bar-color-in-android) — malioboro, Feb 18 '17 at 23:47

earthw0rmjim · Accepted Answer · 2019-06-04T04:28:35.897

You can change it by setting the android:statusBarColor or android:colorPrimaryDark attribute of the style you're using for your app in styles.xml.

(android:statusBarColor inherits the value of android:colorPrimaryDark by default)

For example (since we're using an AppCompat theme here, the android namespace is omitted):

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimaryDark">@color/your_custom_color</item>
</style>

On API level 21+ you can also use the Window.setStatusBarColor() method from code.

From its docs:

For this to take effect, the window must be drawing the system bar backgrounds with WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS and WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS must not be set. If color is not opaque, consider setting View.SYSTEM_UI_FLAG_LAYOUT_STABLE and View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN.

To set these flags you could do something like this:

// getWindow() is a method of Activity
getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

score 29 · Answer 2 · answered Sep 06 '16 at 06:40

The status bar is a system window owned by the operating system. On pre-5.0 Android devices, applications do not have permission to alter its color, so this is not something that the AppCompat library can support for older platform versions. The best AppCompat can do is provide support for coloring the ActionBar and other common UI widgets within the application.

On post-5.0 Android devices, Changing the color of status bar also requires setting two additional flags on the Window; you need to add the FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS flag and clear the FLAG_TRANSLUCENT_STATUS flag.

Window window = activity.getWindow();

// clear FLAG_TRANSLUCENT_STATUS flag:
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

// add FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS flag to the window
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);

// finally change the color
window.setStatusBarColor(activity.getResources().getColor(R.color.my_statusbar_color));

Fakhar · Answer 3 · 2021-11-17T06:04:22.593

You can also add these lines of code in the main activity

if (Build.VERSION.SDK_INT >= 21)
{
getWindow().setStatusBarColor(ContextCompat.getColor(this,R.color.statusbar)); //status bar or the time bar at the top (see example image1)

getWindow().setNavigationBarColor(ContextCompat.getColor(this, R.color.dark_nav)); // Navigation bar the soft bottom of some phones like nexus and some Samsung note series  (see example image2)
}

example image1 setStatusBarColor

example image2 setNavigationBarColor

Masoud Darzi · Answer 4 · 2020-09-30T15:42:43.543

17

add the status bar color to your style and done

<item name="android:statusBarColor">@color/black</item>

this is for API level 21+

edited Sep 30 '20 at 15:42

answered Jan 27 '19 at 10:25

Masoud Darzi

640
9
16

score 7 · Answer 5 · answered Oct 10 '18 at 22:22

changing status bar color is available just for android above lollipop

1.you can change status bar color programmatically by this line:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    getWindow().setStatusBarColor(ContextCompat.getColor(context, R.color.your_color));
}

2.you can do this with an smooth transition animation:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    int startColor = getWindow().getStatusBarColor();
    int endColor = ContextCompat.getColor(context, R.color.your_color);
    ObjectAnimator.ofArgb(getWindow(), "statusBarColor", startColor, endColor).start();
}

3.or you can add this to your theme style in values/styles.xml file. item colorPrimaryDark will be used for your app status bar color

<item name="colorPrimaryDark">@color/colorPrimaryDark</item>

score 4 · Answer 6 · answered Sep 06 '16 at 06:21

4

<item name="colorPrimaryDark">@color/your_color</item>

will only be visible in Lollipop and greater than Lollipop(API) devices. P.S. you need to have Theme.AppCompat as your base/main theme

answered Sep 06 '16 at 06:21

Aman Grover

1,621
1
21
41

Mukta · Answer 7 · 2020-06-17T14:18:56.177

If you use custom actionBar so you can try this one.

<style name="AppThemeBrowser" parent="Theme.AppCompat.NoActionBar">
    <item name="android:statusBarColor">@color/colorPrimaryDark</item>
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
</style>

Or if you use AppTheme actionBar so, you can try this one

 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

    <item name="android:statusBarColor">@color/colorPrimaryDark</item>
     ------------------------------------

</style>

Hope this will help you.

HappyCoding

score 1 · Answer 8 · answered Feb 26 '21 at 21:17

Change it in the themes as usual, like not using jetpack compose. colorPrimary and colorPrimaryVariant in themes and themes night.

<style name="Theme.AndroidDevChallenge" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
    <!-- Primary brand color. -->
    <item name="colorPrimary">@color/SweetRed</item>
    <item name="colorPrimaryVariant">@color/SweetRedDarker</item>
    <item name="colorOnPrimary">@color/black</item>
    <!-- Secondary brand color. -->
    <item name="colorSecondary">@color/teal_200</item>
    <item name="colorSecondaryVariant">@color/teal_200</item>
    <item name="colorOnSecondary">@color/black</item>
    <!-- Status bar color. -->
    <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
    <!-- Customize your theme here. -->
</style>

score 1 · Answer 9 · edited Apr 05 '21 at 10:45

Right click theme folders in the values folder, which is in the res folder :|

<!--write something like this in the color.xml, with your own color code-->

<color name="status_bar_light">#FFea80fc</color>
<color name="status_bar_dark">#FF263238</color>

In themes.xml, change colorPrimaryVariant to this

<item name="colorPrimaryVariant">@color/status_bar_light</item>

Add this in theme.xml(night)

<item name="colorPrimaryVariant">@color/status_bar_dark</item>

And there you have it, happy coding ;)

Abhyam Gupta · Answer 10 · 2020-11-25T21:26:26.067

To change the color for particular activity just use

app:statusBarBackground="@color/colorPrimaryDark"

or any other color value in place of @color/colorPrimaryDark in the mail layout file of your desired activity in the parent layout tag like in my case default it was CoordinatorLayout which is parent of all (Keep all other layout within this CoordinatorLayout otherwise it may not work)

Hope this helps, this worked in my case although i'm not completely sure how.

score -5 · Answer 11 · edited Sep 06 '16 at 07:10

-5

Note:- Status bar color is supported on api level 19 or 21 and above api level.
Please check this Link : change status bar color

edited Sep 06 '16 at 07:10

Garf365

3,619
5
29
41

answered Sep 06 '16 at 06:21

Krunal Patel

61
3
12

How to change the color of the status bar in Android?

11 Answers11

Linked

Related