Attempt to change systemNavigationBarColor

systemnavigationbar.diff

diff --git i/lib/app.dart w/lib/app.dart
index 582ddff..6798a7b 100644
--- i/lib/app.dart
+++ w/lib/app.dart
@@ -5,6 +5,7 @@ import 'package:glider/models/theme_base.dart';
 import 'package:glider/pages/stories_page.dart';
 import 'package:glider/providers/persistence_provider.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:flutter/services.dart';
 
 class App extends HookWidget {
   const App({Key? key}) : super(key: key);
@@ -16,6 +17,10 @@ class App extends HookWidget {
     final Color themeColor =
         useProvider(themeColorProvider).data?.value ?? AppTheme.defaultColor;
 
+    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
+      systemNavigationBarColor: Theme.of(context).backgroundColor,
+    ));
+
     return MaterialApp(
       home: const StoriesPage(),
       theme: themeBase.lightTheme(themeColor),
diff --git i/lib/widgets/theme/theme_bottom_sheet.dart w/lib/widgets/theme/theme_bottom_sheet.dart
index 0348952..ce41177 100644
--- i/lib/widgets/theme/theme_bottom_sheet.dart
+++ w/lib/widgets/theme/theme_bottom_sheet.dart
@@ -10,6 +10,7 @@ import 'package:glider/utils/color_extension.dart';
 import 'package:glider/widgets/common/smooth_animated_cross_fade.dart';
 import 'package:glider/widgets/common/smooth_animated_switcher.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:flutter/services.dart';
 
 class ThemeDialog extends HookWidget {
   const ThemeDialog({Key? key}) : super(key: key);
@@ -59,6 +60,11 @@ class _ThemeBaseButton extends HookWidget {
     final ThemeBase themeBase =
         useProvider(themeBaseProvider).data?.value ?? ThemeBase.system;
 
+    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
+      systemNavigationBarColor:
+      Theme.of(context).backgroundColor, // navigation bar color
+    ));
+
     useMemoized(
       () => Future<void>.microtask(() {
         if (base == themeBase) {