#2186 moved bottom app bar styling to separate style and added to theme.

core/src/main/res/layout/bottom_toolbar.xml

@@ -1,13 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
 <com.google.android.material.bottomappbar.BottomAppBar xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
+  xmlns:tools="http://schemas.android.com/tools"
   android:id="@+id/bottom_toolbar"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="bottom"
-  android:backgroundTint="@color/black"
   android:padding="8dp"
-  app:hideOnScroll="true">
+  app:hideOnScroll="true"
+  tools:ignore="BottomAppBar">
 
   <androidx.constraintlayout.widget.ConstraintLayout
     android:layout_width="match_parent"

core/src/main/res/values/styles.xml

@@ -20,6 +20,10 @@
     <item name="itemTextAppearance">?textAppearanceBody2</item>
   </style>
 
+  <style name="Widget.KiwixTheme.BottomAppBar" parent="Widget.MaterialComponents.BottomAppBar">
+    <item name="backgroundTint">@color/black</item>
+  </style>
+
   <style name="Widget.KiwixTheme.Toolbar" parent="Widget.MaterialComponents.Toolbar.PrimarySurface">
     <item name="android:background">@color/black</item>
   </style>

core/src/main/res/values/themes.xml

@@ -64,6 +64,7 @@
     <item name="navigationViewStyle">@style/Widget.KiwixTheme.NavigationView</item>
     <item name="materialCardViewStyle">@style/Widget.KiwixTheme.CardView</item>
     <item name="bottomNavigationStyle">@style/Widget.KiwixTheme.BottomNavigationView</item>
+    <item name="bottomAppBarStyle">@style/Widget.KiwixTheme.BottomAppBar</item>
     <item name="toolbarStyle">@style/Widget.KiwixTheme.Toolbar</item>
     <item name="tabStyle">@style/Widget.KiwixTheme.TabLayout</item>
     <item name="appBarLayoutStyle">@style/Widget.KiwixTheme.AppBar</item>