change bottom status bar color

lib/main.dart

@@ -95,6 +95,13 @@ Future<void> main() async {
     databaseFactory = databaseFactoryFfi;
   }
 
+  try {
+    await SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual,
+        overlays: [SystemUiOverlay.top, SystemUiOverlay.bottom]);
+  } catch (e) {
+    print(e);
+  }
+
   await doInit();
 
   mediaDataCache = MediaDataCache();
@@ -162,6 +169,10 @@ class _MyApp extends State<MyApp> {
       RouterPath.AUTH_LOGS: (context) => AuthLogsRouter(),
     };
 
+    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
+      systemNavigationBarColor: lightTheme.scaffoldBackgroundColor,
+    ));
+
     return MultiProvider(
       providers: [
         ListenableProvider<WebProvider>.value(

lib/router/index/index_router.dart

@@ -119,22 +119,11 @@ class _IndexRouter extends CustState<IndexRouter>
       },
       child: Scaffold(
         key: _scaffoldKey,
-        body: AnnotatedRegion<SystemUiOverlayStyle>(
+        body: Column(
-          value: SystemUiOverlayStyle.light.copyWith(
+          children: [
-            statusBarColor: themeData.scaffoldBackgroundColor,
+            Expanded(child: main),
-            systemNavigationBarIconBrightness: Brightness.dark,
+            IndexWebBottomComponent(showControl),
-            statusBarIconBrightness: Brightness.dark,
+          ],
-            statusBarBrightness: Brightness.light,
-          ),
-          child: SafeArea(
-            bottom: true,
-            child: Column(
-              children: [
-                Expanded(child: main),
-                IndexWebBottomComponent(showControl),
-              ],
-            ),
-          ),
         ),
       ),
     );