Nxt3
Nxt3

Reputation: 2091

Set menu overflow icon to be white

I have a dummy app that I'm making just to get the hang of Android development. I managed to get a menu overflow icon to appear on my toolbar, but I can't seem to figure out how to change it to white.

I'm using a Toolbar widget (without support libraries; that's something I don't want to do).

Here is what I have: enter image description here

I just want to make the overflow menu white.

styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="AppTheme" parent="android:Theme.Material.Light.DarkActionBar">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowActionBar">false</item>

    <item name="android:colorPrimary">@color/primary</item>
    <item name="android:colorPrimaryDark">@color/primary_dark</item>
    <item name="android:colorAccent">@color/accent</item>
</style>

Upvotes: 13

Views: 9947

Answers (3)

Nihas Nizar
Nihas Nizar

Reputation: 617

Just add android:theme="@style/ThemeOverlay.AppCompat.Dark" to the toolbar

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

This thing worked for me :)

Upvotes: 19

Meghana Patil
Meghana Patil

Reputation: 31

<style name="AppThemeLL" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="android:windowActionBar">false</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:colorBackground">@color/white</item>
    <item name="android:textColorSecondary">@color/white</item>
</style>

Upvotes: 2

Vic Vuci
Vic Vuci

Reputation: 7051

You want to change android:textColorSecondary like so:

<?xml version="1.0" encoding="utf-8"?>
        <resources>
        <style name="AppTheme" parent="android:Theme.Material.Light.DarkActionBar">
            <item name="android:windowNoTitle">true</item>
            <item name="android:windowActionBar">false</item>

            <item name="android:colorPrimary">@color/primary</item>
            <item name="android:colorPrimaryDark">@color/primary_dark</item>
            <item name="android:colorAccent">@color/accent</item>

            <!-- Here you go. This changes overflow icon colour. -->
            <item name="android:textColorSecondary">@color/WHITE</item>    
        </style>

Upvotes: 25

Related Questions