Search code examples
androidandroid-actionbar

The color of back arrow in Actionbar does not change


The title and back arrow in some activities shown white in some shown black. I read and applied all the solutions in Stackoverflow but none of them worked.
In some activities code work fine but in some of them no!

My style:

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowBackground">@drawable/launch_screen</item>

</style>

<style name="NormalTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar"/>

In this does not work :

    <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="de.h_da.pizzaorder.Activities.NewUserActivity"><android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/NewUserActivity_Toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        />

</android.support.design.widget.AppBarLayout>

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="top"
        android:scrollbars="vertical"
        >

        <TextView
            style="@style/TextView"
            android:text="@string/NewUserActivity_Username_TextView" />

        <EditText
            android:id="@+id/NewUserActivity_Username_EditText"
            style="@style/EditText"
            android:hint="@string/NewUserActivity_HintUsername_EditText"
            android:maxLength="40"/>

        <TextView
            android:id="@+id/NewUserActivity_Password_TextView"
            style="@style/TextView"
            android:text="@string/NewUserActivity_Password_TextView" />

        <EditText
            android:id="@+id/NewUserActivity_Password_EditText"
            style="@style/EditText"
            android:hint="@string/NewUserActivity_HintPassword_EditText"
            android:inputType="textPassword"
            android:maxLength="45"/>

        <TextView
            android:id="@+id/NewUserActivity_RePassword_TextView"
            style="@style/TextView"
            android:text="@string/NewUserActivity_RePassword_TextView" />

        <EditText
            android:id="@+id/NewUserActivity_RePassword_EditText"
            style="@style/EditText"
            android:hint="@string/NewUserActivity_HintRePassword_EditText"
            android:inputType="textPassword"
            android:maxLength="45"/>

        <TextView
            style="@style/TextView"
            android:text="@string/NewUserActivity_Name_TextView" />

        <EditText
            android:id="@+id/NewUserActivity_Name_EditText"
            style="@style/EditText"
            android:hint="@string/NewUserActivity_HintName_EditText"
            android:maxLength="40"/>

        <TextView
            style="@style/TextView"
            android:text="@string/NewUserActivity_Family_TextView" />

        <EditText
            android:id="@+id/NewUserActivity_Family_EditText"
            style="@style/EditText"
            android:hint="@string/NewUserActivity_HintFamily_EditText"
            android:maxLength="40"/>

        <TextView
            style="@style/TextView"
            android:text="@string/NewUserActivity_Email_TextView" />

        <EditText
            android:id="@+id/NewUserActivity_Email_EditText"
            style="@style/EditText"
            android:hint="@string/NewUserActivity_HintEmail_EditText"
            android:inputType="textEmailAddress"
            android:maxLength="40"/>


        <TextView
            style="@style/TextView"
            android:text="@string/NewUserActivity_Telephone_TextView" />

        <EditText
            android:id="@+id/NewUserActivity_Telephone_EditText"
            style="@style/EditText"
            android:hint="@string/NewUserActivity_HintTelephone_EditText"
            android:inputType="phone"
            android:maxLength="13"/>

        <TextView
            style="@style/TextView"
            android:text="@string/NewUserActivity_Address_TextView" />

        <EditText
            android:id="@+id/NewUserActivity_Address_EditText"
            style="@style/EditText"
            android:maxLength="500"
            android:scrollbars="vertical"
            android:hint="@string/NewUserActivity_HintAddress_EditText"
            android:layout_height="match_parent"
            android:imeOptions="actionDone"/>


        <Button
            android:id="@+id/NewUserActivity_Create_Button"
            style="@style/Button"
            android:text="@string/NewUserActivity_Create_Button" />

    </LinearLayout>
</ScrollView>
</LinearLayout>

in this work:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="de.h_da.pizzaorder.Activities.SettingsActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/SettingsActivity_Toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <ListView
        android:id="@+id/SettingsActivity_ListView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="@null"/>

</LinearLayout>

Solution

  • To make your toolbar "back" arrow and overflow icon light, while maintaining a light themed popup menu:

    Add a toolbar style in your style.xml file(s):

    <style name="AppTheme.Toolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
        <item name="popupTheme">@style/ThemeOverlay.AppCompat.Light</item>
        <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
    </style>
    

    Set the new style to your Toolbar layout:

    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?android:attr/actionBarSize"
        style="@style/AppTheme.Toolbar"/> <!-- Added style -->
    

    This will give your Toolbar a dark themed (white) arrow and overflow icon, but will keep your popup menu light.

    Taken from (original link) here: https://stackoverflow.com/a/33833931/2905354

    This works perfectly and has the added benefit of making your app easier to theme.