|
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) { |
