Android Question Notification Bar text and icons colors

jmon · Sep 16, 2019

Hello,

I have managed to change the notification bar and theme color thanks to this tutorial: https://www.b4x.com/android/forum/threads/theme-colors.87716/

My question is how to change the color of the text and icons in the notification bar? My app is white, and I would like the top items to be black on white, like the Gmail app:

Thank you for your help.
Jmon.

Edit: I would like to do the same for the bottom bar, with the triangle, home and square icons. Thanks

jmon · Sep 17, 2019

I found the solution from the Android Dev:
https://developer.android.com/reference/android/R.attr.html#windowLightStatusBar

I just add this to my manifest for API 23:

B4X:

<item name="android:windowLightStatusBar">true</item>

and there are more options for API 27, it can make the navigation bar too:

B4X:

<item name="android:windowLightStatusBar">true</item>
<item name="android:windowLightNavigationBar">true</item>

Si this is my updated manifest code below. It makes the status bar white with dark text on API 23, and status bar & navigation bar white with dark text on API 27

B4X:

'Action bar and theme below
SetApplicationAttribute(android:theme, "@style/LightTheme")
CreateResource(values, colors.xml,
<resources>
    <color name="actionbar">#ff000000</color>
   <color name="statusbar">#ffffffff</color>
   <color name="statusbardark">#ff000000</color>
   <color name="textColorPrimary">#ff000000</color>
   <color name="navigationBar">#ff000000</color>
</resources>
)
CreateResource(values-v27, theme.xml,
<resources>
    <style name="LightTheme" parent="@android:style/Theme.Material.Light">
        <item name="android:colorPrimary">@color/actionbar</item>
        <item name="android:colorPrimaryDark">@color/statusbar</item>
        <item name="android:textColorPrimary">@color/textColorPrimary</item>
        <item name="android:navigationBarColor">@color/statusbar</item>  
        <item name="android:windowLightStatusBar">true</item>
        <item name="android:windowLightNavigationBar">true</item>
    </style>  
</resources>
)
CreateResource(values-v23, theme.xml,
<resources>
    <style name="LightTheme" parent="@android:style/Theme.Material.Light">
        <item name="android:colorPrimary">@color/actionbar</item>
        <item name="android:colorPrimaryDark">@color/statusbar</item>
        <item name="android:textColorPrimary">@color/textColorPrimary</item>
        <item name="android:navigationBarColor">@color/navigationBar</item>  
        <item name="android:windowLightStatusBar">true</item>
    </style>  
</resources>
)
CreateResource(values-v20, theme.xml,
<resources>
    <style name="LightTheme" parent="@android:style/Theme.Material.Light">
        <item name="android:colorPrimary">@color/actionbar</item>
        <item name="android:colorPrimaryDark">@color/statusbardark</item>
        <item name="android:textColorPrimary">@color/textColorPrimary</item>
        <item name="android:navigationBarColor">@color/navigationBar</item>
    </style>  
</resources>
)
CreateResource(values-v14, theme.xml,
<resources>
    <style name="LightTheme" parent="@android:style/Theme.Holo.Light">
       <item name="android:actionBarStyle">@style/CustomActionBarStyle</item>
    </style>
   <style name="CustomActionBarStyle" parent="@android:style/Widget.Holo.Light.ActionBar.Solid.Inverse">
       <item name="android:background">@color/actionbar</item>
   </style>
</resources>
)

I have only android 7 phone, so I can only confirm that it works for API 23 and below. Anyone could confirm the API 27 and above if you can? I cannot see the navigation bar on the AVD. Thanks

Erel · Sep 17, 2019

jmon said:
I have only android 7 phone, so I can only confirm that it works for API 23 and below.

Android 7 is API 24.

jmon said:
Anyone could confirm the API 27 and above if you can?

Upload a small project and I'll try it.

jmon · Sep 18, 2019

Thank you.

I have attached a project. Here is how it looks now:

So the top text and icons are correctly set to dark over bright BG, but the bottom stays white over white, which is annoying, because the nav bar buttons are not very visible.

I've seen some people saying that this doesn't seem to really work anyway:
https://stackoverflow.com/questions...navigation-bar-color#comment92181627_47774930

Erel · Sep 18, 2019

Looks fine on Android 10.

jmon · Sep 18, 2019

Thanks, so maybe i'll put that in API 29. Some people say it doesn't work on api 28.

Android Question Notification Bar text and icons colors

jmon

Well-Known Member

jmon

Well-Known Member

Erel

B4X founder

jmon

Well-Known Member

Attachments

Erel

B4X founder

jmon

Well-Known Member

Android Question Notification Bar text and icons colors

jmon

Well-Known Member

jmon

Well-Known Member

Erel

B4X founder

jmon

Well-Known Member

Attachments

Erel

B4X founder

jmon

Well-Known Member

Privacy & Transparency

Privacy & Transparency