[FIXED] How to set the background color of system navigation bar to the one of the new Bottom Navigation bar in Material 3? (Android)

Issue

I tried using this:

<item name="android:navigationBarColor">?attr/colorSurface</item>

but it isn't giving me the desired result.. like the one shown in the docs:

I recently switched to Material 3.

If you want full code of the app: https://github.com/Sujal1245/WALLisWALL-Wallpaper-App

Solution

Try adding this line to your main theme :

<item name="colorSurface">@color/"container color"</item>

Answered By - DrHowdyDoo