fix: bottom sheet styles material

Author: williscool

android/app/src/main/res/values-night/styles.xml

@@ -2,7 +2,7 @@
     <!-- Dark mode specific style overrides -->
 
     <!-- Use dark popup overlay in dark mode -->
-    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Dark"></style>
+    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.MaterialComponents.Dark"></style>
 
 </resources>
 

android/app/src/main/res/values/styles.xml

@@ -1,18 +1,20 @@
 <resources>
 
-    <!-- Base application theme with DayNight support for system theme following -->
-    <style name="AppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar">
+    <!-- Base application theme with MaterialComponents DayNight for automatic dark mode -->
+    <style name="AppTheme" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
         <!-- Customize your theme here. -->
         <item name="colorPrimary">@color/primary</item>
         <item name="colorPrimaryDark">@color/primary_dark</item>
         <item name="colorAccent">@color/accent</item>
+        <!-- MaterialComponents uses colorSecondary for some widgets like FAB -->
+        <item name="colorSecondary">@color/accent</item>
         <item name="android:windowBackground">@color/background</item>
         <item name="android:colorBackground">@color/background</item>
         <!-- Preference list styling -->
         <item name="android:listViewStyle">@style/AppListView</item>
     </style>
 
-    <style name="AppListView" parent="Widget.AppCompat.ListView">
+    <style name="AppListView" parent="android:Widget.ListView">
         <item name="android:background">@color/background</item>
     </style>
 
@@ -21,16 +23,16 @@
         <item name="windowNoTitle">true</item>
     </style>
 
-    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar"></style>
+    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.MaterialComponents.Dark.ActionBar"></style>
 
-    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light"></style>
+    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.MaterialComponents.Light"></style>
 
     <style name="PickerDialogTheme" parent="AppTheme.NoActionBar">
         <item name="android:textSize">20sp</item>
         <item name="android:labelTextSize">20dp</item>
     </style>
 
-    <style name="ToolbarTitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
+    <style name="ToolbarTitle" parent="@style/TextAppearance.MaterialComponents.Headline6">
         <item name="android:textSize">20sp</item>
     </style>