color the navigation bar too

app/build.gradle

@@ -62,7 +62,7 @@ android {
 }
 
 dependencies {
-    implementation 'com.github.SimpleMobileTools:Simple-Commons:dea77e0130'
+    implementation 'com.github.SimpleMobileTools:Simple-Commons:f7c3e0ed7c'
     implementation 'org.greenrobot:eventbus:3.3.1'
     implementation 'com.github.Armen101:AudioRecordView:1.0.4'
     implementation 'androidx.documentfile:documentfile:1.0.1'

app/src/main/kotlin/com/simplemobiletools/voicerecorder/activities/MainActivity.kt

@@ -102,16 +102,15 @@ class MainActivity : SimpleActivity() {
 
     private fun setupViewPager() {
         main_tabs_holder.removeAllTabs()
-        main_tabs_holder.newTab().setCustomView(R.layout.bottom_tablayout_item).apply {
-            customView?.findViewById<ImageView>(R.id.tab_item_icon)?.setImageDrawable(getDrawable(R.drawable.ic_microphone_vector))
-            customView?.findViewById<TextView>(R.id.tab_item_label)?.setText(R.string.recorder)
-            main_tabs_holder.addTab(this)
-        }
+        val tabDrawables = arrayOf(R.drawable.ic_microphone_vector, R.drawable.ic_headset_vector)
+        val tabLabels = arrayOf(R.string.recorder, R.string.player)
 
-        main_tabs_holder.newTab().setCustomView(R.layout.bottom_tablayout_item).apply {
-            customView?.findViewById<ImageView>(R.id.tab_item_icon)?.setImageDrawable(getDrawable(R.drawable.ic_headset_vector))
-            customView?.findViewById<TextView>(R.id.tab_item_label)?.setText(R.string.player)
-            main_tabs_holder.addTab(this)
+        tabDrawables.forEachIndexed { i, drawableId ->
+            main_tabs_holder.newTab().setCustomView(R.layout.bottom_tablayout_item).apply {
+                customView?.findViewById<ImageView>(R.id.tab_item_icon)?.setImageDrawable(getDrawable(drawableId))
+                customView?.findViewById<TextView>(R.id.tab_item_label)?.setText(tabLabels[i])
+                main_tabs_holder.addTab(this)
+            }
         }
 
         main_tabs_holder.onTabSelectionChanged(
@@ -141,6 +140,11 @@ class MainActivity : SimpleActivity() {
         val inactiveView = main_tabs_holder.getTabAt(getInactiveTabIndex())?.customView
         updateBottomTabItemColors(activeView, true)
         updateBottomTabItemColors(inactiveView, false)
+
+        main_tabs_holder.getTabAt(view_pager.currentItem)?.select()
+        val bottomBarColor = getBottomTabsBackgroundColor()
+        main_tabs_holder.setBackgroundColor(bottomBarColor)
+        updateNavigationBarColor(bottomBarColor)
     }
 
     private fun getInactiveTabIndex() = if (view_pager.currentItem == 0) 1 else 0

app/src/main/res/layout/activity_main.xml

@@ -18,7 +18,6 @@
         android:layout_alignParentBottom="true"
         app:tabIndicator="@null"
         app:tabMinWidth="150dp"
-        app:tabRippleColor="@null">
+        app:tabRippleColor="@null" />
 
-    </com.google.android.material.tabs.TabLayout>
 </RelativeLayout>