How do I change the background color of the ActionBar in the new MaterialComponents

Question

I'm using the new MaterialComponents and my app theme is:

<style name="AppTheme" parent="Theme.MaterialComponents.Light">
    <item name="colorPrimary">@color/primaryColor</item>
    <item name="colorPrimaryDark">@color/primaryDarkColor</item>
    <item name="colorAccent">@color/secondaryColor</item>
</style>

how to change the background color of ActionBar

I know about this question but it's outdated and doesn't use MaterialComponents

I don't want to add Toolbar to every screen just to change the background color.

Answer 1

You need use ThemeOverlay.MaterialComponents.ActionBar or ThemeOverlay.MaterialComponents.Dark.ActionBar depending on the background color.

  <style name="AppTheme" parent="Theme.MaterialComponents.Light">
        <item name="colorPrimary">@color/primaryColor</item>
        <item name="colorPrimaryDark">@color/primaryDarkColor</item>
        <item name="colorAccent">@color/secondaryColor</item>
        <item name="actionBarTheme">@style/MyActionBar</item>
    </style>

    <style name="MyActionBar" parent="@style/ThemeOverlay.MaterialComponents.ActionBar">
        <item name="android:background">#fff</item>
    </style>