Android: Toolbar text is coming as black instead of white
14,760
Solution 1
Define a style for your toolbar:
<style name="AppToolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
<item name="android:textColorPrimary">@android:color/white</item>
<item name="android:textColorSecondary">@android:color/white</item>
</style>
Set it to your toolbar:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_scrollFlags="scroll|enterAlways"
android:theme="@style/AppToolbar"
android:minHeight="?attr/actionBarSize"/>
Solution 2
If you make your Toolbar use the ThemeOverlay.AppCompat.Dark.ActionBar
style, the text will be light. See this answer for more.
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="?attr/colorPrimary"
android:elevation="4dp"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
Solution 3
refer this answer here
In order to change the color of the title in your Toolbar you simply have to add the attribute
android:textColorPrimary
to your Toolbar style.
Solution 4
Try to use this these items in your themes.xml
or styles.xml in values folder or values-v21 and other values folder.
<style name="AppTheme" parent="Theme.AppCompat.Light">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/primaryColor</item>
<item name="colorPrimaryDark">@color/primaryColor</item>
<item name="colorAccent">@color/primaryColor</item>
<item name="android:textColorPrimary">@android:color/white</item>
<item name="android:navigationBarColor">@android:color/black</item>
<item name="actionMenuTextColor">@android:color/holo_blue_dark</item>
<item name="android:actionMenuTextColor">@android:color/holo_blue_dark</item>
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@android:color/black</item>
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowBackground">@android:color/white</item>
<item name="android:windowContentTransitions">true</item>
</style>
Note:- remove these items from below API level 21.
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@android:color/black</item>
<item name="android:windowContentTransitions">true</item>
Related videos on Youtube
Author by
ojas
Updated on October 20, 2022Comments
-
ojas over 1 year
My Toolbar Text, Back arrow and all is coming as black but I want it to be white
How can I achieve it?
My styles.xml looks like this:<resources> <style name="AppTheme" parent="MyMaterialTheme.Base"> </style> <style name="MyMaterialTheme.Base" parent="Theme.AppCompat.Light.NoActionBar"> <item name="android:windowNoTitle">true</item> <item name="windowActionBar">false</item> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <item name="android:windowBackground">@color/windowBackground</item> <item name="android:textColor">@color/textColorPrimary</item> <item name="android:textStyle">normal</item> </style> </resources>
Android Manifest Snippet:
<application android:allowBackup="true" android:icon="@mipmap/hello" android:label="@string/app_name" android:theme="@style/AppTheme" >