How can I change color of items on Toolbar

Question

I have a Toolbar, I want to change background to Black but by default items color is black and I want to change their color to gray, how can I do that ? Thanks you so much: My Image about Toolbar

And this is my toolbar.xml

<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#2196F3"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

My styles.xml

<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>
</style>

Ok, while creating icons you can choose the color. I'll show you how — Dev Sharma, May 30 '19 at 15:04
Possible duplicate of [How to change icon colors in android studio](https://stackoverflow.com/questions/43142062/how-to-change-icon-colors-in-android-studio) — Ricardo A., May 30 '19 at 15:08
https://stackoverflow.com/questions/31953503/how-to-set-icon-color-of-menuitem — Ricardo A., May 30 '19 at 15:11

Dev Sharma · Accepted Answer · 2019-05-30T15:40:45.530

1

While creating an icon or vector asset, you can select the color

Click on the color selector.

If you want to change color in code then add app:iconTint="@color/yourcolor" in your MenuItem for change the Icon color.

<item
android:icon="@drawable/ic_share_white_24dp"
android:id="@+id/action_share"
android:title="@string/action_share"
android:orderInCategory="200"
app:iconTint="@color/yourcolor"
app:showAsAction="ifRoom"
app:actionProviderClass="android.support.v7.widget.ShareActionProvider"/>

For changing the 3 dots icon color, try adding this in styles.xml

<style name="YourCustomTheme.OverFlow">
    <item name="android:src">@drawable/my_overflow_image</item>
</style>

edited May 30 '19 at 15:40

answered May 30 '19 at 15:10

Dev Sharma

634
7
26

Is this what you've been looking for? – Dev Sharma May 30 '19 at 15:11
yeah, this also is a way, so i want to know that can do it by custom a theme in styles.xml – Jason Momoa May 30 '19 at 15:13
If your main theme is light and your ActionBar is dark, your ActionBar/Toolbar must use the theme `ThemeOverlay.AppCompat.Dark.ActionBar` – Dev Sharma May 30 '19 at 15:26
three vertical dots, how can i change it's color ? @Dev Sharma – Jason Momoa May 30 '19 at 15:34
no, your solution just work with icons which is added by me, but "three vertical dots" of menu is not worked – Jason Momoa May 30 '19 at 15:37
Updated. Try it and see. – Dev Sharma May 30 '19 at 15:41

Ricardo A. · Answer 2 · 2019-05-30T15:46:00.497

1

Change the tint attribute of the icon.

Via xml:

<item android:id="@+id/slash_toolbar" 
android:title="" 
android:icon="@drawable/ic_voice" 
app:showAsAction="always" 
android:tint="@android:color/white"/>

Via code:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_main, menu);

    for(int i = 0; i < menu.size(); i++){
        Drawable drawable = menu.getItem(i).getIcon();
        if(drawable != null) {
            drawable.mutate();
            drawable.setColorFilter(getResources().getColor(R.color.textColorPrimary), PorterDuff.Mode.SRC_ATOP);
        }
    }

    return true;
}

To change the three dots color put it in your style.xml in AppTheme:

<!-- android:textColorSecondary is the color of the menu overflow icon (three vertical dots) -->
<item name="android:textColorSecondary">@color/white</item>

edited May 30 '19 at 15:46

answered May 30 '19 at 15:13

Ricardo A.

685
2
8
35

where I can put `android:tint="@android:color/white"` ? – Jason Momoa May 30 '19 at 15:15
yeah: the below code is worked, but with the icon "3dots" is not worked – Jason Momoa May 30 '19 at 15:19
I've update the answer to show how to change the "three dots" color – Ricardo A. May 30 '19 at 15:46

How can I change color of items on Toolbar

2 Answers2