In my android app, I would like to change the color of the menu in the toolbar. This is how the toolbar is created

```
override fun onCreateOptionsMenu(menu: Menu): Boolean {
    val inflater: MenuInflater = menuInflater
    inflater.inflate(R.menu.main_menu, menu)
    supportActionBar?.setDisplayShowTitleEnabled(false)
    return true
}

```

I have defined the color in `themes.xml` as following:

```
<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <!-- Primary brand color. -->
        <item name="colorPrimary">#FF3D7895</item>
        <item name="colorPrimaryVariant">#3E7997</item>
        <item name="colorOnPrimary">@color/white</item>
        <!-- Secondary brand color. -->
        <item name="colorSecondary">@color/teal_200</item>
        <item name="colorSecondaryVariant">@color/teal_700</item>
        <item name="colorOnSecondary">@color/black</item>
        <!-- Status bar color. -->
        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
        <!-- Customize your theme here. -->
        <item name="android:iconTint">@color/white</item> <!-- This is the line that makes the icon color white -->
    </style>
</resources>

```

In the IDE, the menu icons are white as I declared, but when running it on an emulator (with API 30), the colors are black/gray (the default). This is also the case when deploying to my tablet (with API 29). So why are the colors overwritten when running the app?