White navigationbar with grey icons

Question

How can I get this style in my android app? White navigationbar and grey icons. An example is when opening the application drawer.

I have tried many options but without success. the application minSdkVersion is 21, lollipop.

I have seen this solution, but I have not managed to apply it:

Status bar turns white and does not show content behind it

Vidhi Dave · Accepted Answer · 2018-03-22T06:57:03.160

11

For API >= 23

Try :

getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);

OR in style :

<item name="android:windowLightStatusBar">true</item>
<item name="colorPrimary">@color/colorWhite</item>
<item name="colorPrimaryDark">#colorPrimaryDak</item>
<item name="colorAccent">@color/colorAccent</item>

For API < 23

Declare this under v21/style.

<item name="colorPrimaryDark" tools:targetApi="23">@color/colorPrimary</item> // white
<item name="android:windowLightStatusBar" tools:targetApi="23">true</item>

UPDATE :

<item name="colorPrimaryDark">@color/colorPrimary</item> // white
<item name="android:windowLightStatusBar" tools:targetApi="23">true</item>

edited Mar 22 '18 at 06:57

answered Mar 13 '18 at 11:36

Vidhi Dave

5,471
2
32
55

1

Thanks, but this solution require min sdk 23, right? – Sergio76 Mar 13 '18 at 11:50
2

21, I mention it above. it does not seem to work, the notificationbar turns gray, but not white :( – Sergio76 Mar 13 '18 at 11:53
1

Working! Thanks! :)) – Sergio76 Mar 13 '18 at 11:59
@Sergio76 Happy to help :) happy coding :) – Vidhi Dave Mar 13 '18 at 12:00
What is `tools:targetApi="23"` indicates in under v21? I guess, `colorPrimaryDark` is from support library. – Paresh P. Mar 22 '18 at 06:32
@Wizard It is defining target api as 23 so that the changes that applied on above 23 can be applied on below that also. yes colorPrimaryDark is from support library but we can define new values in theme for it – Vidhi Dave Mar 22 '18 at 06:34
2

Okay so, There is no need to write `tools:targetApi="23"` in `colorPrimaryDark` as it is available for lower version too. For `android:windowLightStatusBar` it is good. – Paresh P. Mar 22 '18 at 06:37
@Wizard Ok i understood. i will try it out. thank you so much :) – Vidhi Dave Mar 22 '18 at 06:38
@Wizard No wait In api below 23 like in kitkat colorprimarydark is always black. so i need to declare it white for api below 23. whatever the color is it will show black in that. If you noticed. – Vidhi Dave Mar 22 '18 at 06:40
Yeah, but system will skip that for lower versions. – Paresh P. Mar 22 '18 at 06:43
@Wizard Don't know about it. I will check. Thank you :) – Vidhi Dave Mar 22 '18 at 06:44
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/167313/discussion-between-wizard-and-vishva-dave). – Paresh P. Mar 22 '18 at 06:44
1

`true` works for me – FireZenk Aug 01 '18 at 13:08
@FireZenk Happy to help :) Happy coding :) – Vidhi Dave Aug 02 '18 at 01:34
1

this solution will not work for devices less than 23 – Abdelrhman Talat Sep 11 '18 at 14:05
@AbdelrhmanTalat It will work. add lines below API < 23 in answer. also add that style in v21/style. let me know if you face any issue in this or any error logs – Vidhi Dave Sep 12 '18 at 03:55
it doesn't work because your code only targets tools:targetApi = 23 – Abdelrhman Talat Sep 12 '18 at 09:13
2

I did and it doesn't, can u explain why would it work? – Abdelrhman Talat Sep 12 '18 at 11:01
14

I do not understand who is voting for this answer. This solution may not work for versions 21-22 API – Sergei S Jan 21 '20 at 13:30

White navigationbar with grey icons

1 Answers1

Linked