title: Change the color of bottom navigation bar item
body: <p>I set the primary color as a certain type of orange and I can't understand why by default my bottom navigation bar takes white and not primary color as the color for the selected items, how to solve?</p>
  <p>xml code for the bottom navigation bar</p>
  <pre><code>    &lt;android.support.design.widget.BottomNavigationView
          android:id=&quot;@+id/bottom_navigation&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:layout_alignParentBottom=&quot;true&quot;
          android:layout_marginStart=&quot;0dp&quot;
          android:layout_marginLeft=&quot;0dp&quot;
          android:layout_marginEnd=&quot;0dp&quot;
          android:layout_marginRight=&quot;0dp&quot;
          android:layout_marginBottom=&quot;0dp&quot;
          android:background=&quot;@color/colorAccent&quot;
          app:menu=&quot;@menu/bottom_navigation&quot;/&gt;
  </code></pre>
  <p>colors (the primary is some kind of orange)</p>
  <pre><code>&lt;color name=&quot;colorPrimary&quot;&gt;#fb8c00&lt;/color&gt;
  &lt;color name=&quot;colorPrimaryDark&quot;&gt;#c25e00&lt;/color&gt;
  &lt;color name=&quot;colorPrimaryLight&quot;&gt;#ffbd45&lt;/color&gt;
  &lt;color name=&quot;textOnPrimary&quot;&gt;#000000&lt;/color&gt;
  &lt;color name=&quot;colorAccent&quot;&gt;#D81B60&lt;/color&gt;
  </code></pre>
  <p>as you can see the item selected and the text are white while the primary color is orange
  <a href="https://i.stack.imgur.com/KF9V6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KF9V6.png" alt="enter image description here" /></a></p>