title: How to change the color of the back arrow
body: <p>Hey there i am trying to setup homeindicator in my action bar but looks like the arrow have a white color i've tried many things i've set a drawble as a home indicator but same issue it's white here's what i tried</p>
  <pre><code>supportActionBar?.setHomeAsUpIndicator(R.drawable.ic_baseline_arrow_back_24)
  </code></pre>
  <p>the theme i am using</p>
  <pre><code>&lt;style name=&quot;AppTheme&quot; parent=&quot;Theme.MaterialComponents.DayNight.DarkActionBar&quot;&gt;
          &lt;item name=&quot;android:textColorSecondary&quot;&gt;@android:color/black&lt;/item&gt;
          &lt;item name=&quot;android:statusBarColor&quot; tools:targetApi=&quot;l&quot;&gt;@color/bar_color&lt;/item&gt;
          &lt;item name=&quot;colorPrimary&quot;&gt;@color/splashscreen_text_color&lt;/item&gt;
          &lt;item name=&quot;colorOnPrimary&quot;&gt;@color/black&lt;/item&gt;
          &lt;item name=&quot;itemBackground&quot;&gt;@color/black&lt;/item&gt;
          &lt;item name=&quot;actionOverflowButtonStyle&quot;&gt;@style/actionOverflowButtonStyle&lt;/item&gt;
          &lt;item name=&quot;homeAsUpIndicator&quot;&gt;@drawable/ic_baseline_arrow_back_24&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name=&quot;actionOverflowButtonStyle&quot; parent=&quot;@style/Widget.AppCompat.ActionButton.Overflow&quot;&gt;
          &lt;item name=&quot;android:tint&quot;&gt;@color/black&lt;/item&gt;
      &lt;/style&gt;
  </code></pre>
  <p>the result i am getting
  <a href="https://i.stack.imgur.com/Qt2i3.png" rel="nofollow noreferrer">Result</a></p>
  <p>what i am expecting:
  <a href="https://i.stack.imgur.com/H5muY.png" rel="nofollow noreferrer">the expected result</a></p>
  <p>the arrow drawble file</p>
  <pre><code>&lt;vector xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
      android:width=&quot;24dp&quot;
      android:height=&quot;24dp&quot;
      android:viewportWidth=&quot;24&quot;
      android:viewportHeight=&quot;24&quot;
      android:tint=&quot;@color/black&quot;&gt;
    &lt;path
        android:fillColor=&quot;@android:color/black&quot;
        android:pathData=&quot;M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z&quot;/&gt;
  &lt;/vector&gt;
  </code></pre>