Friday, 22 April 2022

Material Design 3 uses colorPrimary for actionBar, navBar and calendar background color. How do I disable this?

After upgrading to Material Design 3, I noticed that the background colors of certain things changed to a faded version of whatever my primary color is set to. For example, if I set my primary color to Red, the navBar and Calendar are now somewhat pink.

<style name="AppTheme" parent="Base.AppTheme" />

<style name="Base.AppTheme" parent="Theme.Material3.DayNight.NoActionBar">
    <item name="colorPrimary">@color/red</item>

</style>

I don't know why Material Design assumes that I want these background colors. My design documents require a white background, and setting the primary color to white is not an option. If I don't set a primary color at all, it defaults to purple!

I had some luck with navBar, because you can set the background color of each item, but no luck with the calendar. I've tried setting everything that sounds color related on a calendar style. So far nothing changes the calendar background except primaryColor. backgroundColor, backgroundTint, etc. Nothing has worked. Does anyone know how to override this behavior on Material Design 3?

I simply want to set my colorPrimary to green and set the background colors of actionBar, navBar, and calendar to white.



from Material Design 3 uses colorPrimary for actionBar, navBar and calendar background color. How do I disable this?

No comments:

Post a Comment