Toolbar options menu background color Toolbar options menu background color android android

Toolbar options menu background color


To change the toolbar options menu color, add this to your toolbar element

app:popupTheme="@style/MyDarkToolbarStyle"

Then in your styles.xml define the popup menu style

<style name="MyDarkToolbarStyle" parent="ThemeOverlay.AppCompat.Light">    <item name="android:colorBackground">@color/mtrl_white_100</item>    <item name="android:textColor">@color/mtrl_light_blue_900</item></style>

Note that you need to use colorBackground not background. The latter would be applied to everything (the menu itself and each menu item), the former applies only to the popup menu.


Edit:

if you just want a white overflow popup menu just do this

<android.support.v7.widget.Toolbar    android:id="@+id/tool_bar"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:background="@color/ColorPrimary"    android:elevation="2dp"    app:theme="@style/MyDarkToolbarStyle"    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"" />

and remove the redundant popupTheme your Style xml

<style name="MyDarkToolbarStyle" parent="Widget.AppCompat.Toolbar">     <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item></style>

You should also include this in your top (parent) Layout

xmlns:app="http://schemas.android.com/apk/res-auto"


Simplest way

If you just want a white overflow popup menu just do this:

<android.support.v7.widget.Toolbar    android:id="@+id/tool_bar"    android:layout_width="match_parent"    android:layout_height="?attr/actionBarSize"    android:background="@color/ColorPrimary"    android:elevation="2dp"    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

Also, take a look at the value of android:layout_height attribute.