Material 3 Active indicator color

Question

The primary swatch of my app is Green, but the Material 3 Bottom Navigation bar has the active indicator of color light purple. I want to change it to light green. Can someone tell which property in XML should be changed? enter image description here

Does this answer your question? [how to change the color of active indicator bottombavigationview material You? material3](https://stackoverflow.com/questions/70397792/how-to-change-the-color-of-active-indicator-bottombavigationview-material-you-m) — DrHowdyDoo, Feb 12 '22 at 05:03

score 3 · Answer 1 · answered Apr 04 '22 at 18:02

3

the property that works for me to change the color of the indicator is the following.

 <item name="colorSecondaryContainer">@color/your_color</item>

This you have to add in the style of your application as seen below.

Style

I hope it helps.

answered Apr 04 '22 at 18:02

Armando Santos

31
2

1

Please add the code of your picture to your answer. – TheTanic Apr 05 '22 at 07:37

score 0 · Answer 2 · answered Jun 22 '22 at 12:33

0

Add new style on themes:

<style name="BottomNavigationView">
    <item name="colorSecondaryContainer">@color/white</item>
</style>

Add theme information on BottomNavigationView

android:theme="@style/BottomNavigationView"

answered Jun 22 '22 at 12:33

Gustavo da Hora

41
5

Material 3 Active indicator color

2 Answers2