Android底部导航栏颜色显示更浅

Question

底部导航栏中的颜色显示的颜色比所选颜色浅。

我希望实现下图所示的选项卡栏。

所选标签将突出显示，如图所示。

我正在使用图书馆com.google.android.material:material:1.0.0

不过，在实现上，我得到的输出具有比我添加的颜色要浅得多的颜色。

这是我的XML代码

  android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="64dp"
    android:layout_marginRight="64dp"
    android:layout_marginBottom="24dp"
    android:background="@drawable/bottom_navigation_background"
    android:elevation="8dp"
    android:layout_alignParentBottom="true"
    app:itemIconTint="@color/bottom_navigation_color_selector"
    app:labelVisibilityMode="unlabeled"
    app:menu="@menu/bottom_navigation_menu"

这是颜色选择器文件

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_checked="true"
        android:color="@color/colorPrimary" />
    <item
        android:state_pressed="true"
        android:state_enabled="true"
        android:color="@color/white" />
    <item
        android:color="@color/light_black_40"/>
</selector>

这是颜色文件

<resources>
    <color name="colorPrimary">#E63D4D</color>
    <color name="colorPrimaryDark">#FFFFFF</color>
    <color name="colorAccent">#EF816F</color>

    <color name="white">#FFFFFF</color>
    <color name="black">#000000</color>

    <color name="light_black_40">#66000000</color>
    <color name="yellow">#FFF676</color>
</resources>

任何帮助将不胜感激。谢谢：）