D1APP-19 System overlay style

lib/config/design_config.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 
 class DesignConfig {
   static const Color lightPrimaryColor3 = Color(0XFFF5FAFC);
@@ -37,6 +38,8 @@ class DesignConfig {
     brightness: Brightness.light,
   );
 
+  static const currentColorScheme = lightColorScheme;
+
   static const TextStyle subtitle2Text = TextStyle(
     fontSize: 15,
     fontWeight: FontWeight.w700,
@@ -54,4 +57,13 @@ class DesignConfig {
   static final Border lightBorder = Border.all(color: DesignConfig.greyColor4);
 
   static const Duration defaultAppDuration = Duration(milliseconds: 400);
+
+  static final SystemUiOverlayStyle systemUIOverlayStyle = SystemUiOverlayStyle(
+    statusBarBrightness: Brightness.dark,
+    statusBarIconBrightness: Brightness.dark,
+    statusBarColor: Colors.transparent,
+    systemNavigationBarColor: currentColorScheme.surface,
+    systemNavigationBarDividerColor: Colors.transparent,
+    systemNavigationBarIconBrightness: Brightness.dark,
+  );
 }

lib/main.dart

@@ -2,6 +2,7 @@ import 'package:didvan/config/design_config.dart';
 import 'package:didvan/providers/user_provider.dart';
 import 'package:didvan/routes/route_generator.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:provider/provider.dart';
 
@@ -15,6 +16,8 @@ class Didvan extends StatelessWidget {
   Widget build(BuildContext context) {
     return ChangeNotifierProvider(
       create: (context) => UserProvider(),
+      child: AnnotatedRegion<SystemUiOverlayStyle>(
+        value: DesignConfig.systemUIOverlayStyle,
         child: MaterialApp(
           debugShowCheckedModeBanner: false,
           title: 'Didvan',
@@ -31,6 +34,7 @@ class Didvan extends StatelessWidget {
           ],
           locale: const Locale("fa", "IR"),
         ),
+      ),
     );
   }
 }