Changing text color of menu heading title item in navigation drawer

Question

I'm trying to implement dark mode in my application. I've implemented on menu item. It is changing the color but what I want is to change the color of heading as well because when dark mode is implemented the heading menu is hidden as the color is light grey.

Navigation Menu:

   <android.support.design.widget.NavigationView
    android:id="@+id/navigation"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:background="?attr/bgColor"
    app:itemTextColor="?attr/textColor"
    app:headerLayout="@layout/nav_header_home"
    app:menu="@menu/nav_items" />

Answer 1

Add <item name="android:textColorSecondary">@color/white</item> inside your AppTheme and AppTheme.NoActionBar styles.xml file like this:

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

        <item name="android:textColorSecondary">@color/white</item>
    </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>

        <item name="android:textColorSecondary">@color/white</item>
    </style>
...
</resources>

where the color value <color name="white">#FFFFFF</color> is placed in colors.xml .

The result looks exactly like you wanted: