system bottom navigation bar theme improvement.

lib/controllers/providers/settings/setting_provider.dart

@@ -2,6 +2,7 @@ import 'dart:async';
 import 'dart:convert';
 
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:http/http.dart';
 import 'package:local_auth/local_auth.dart';
 import 'package:shared_preferences/shared_preferences.dart';
@@ -9,6 +10,7 @@ import 'package:test_sa/controllers/api_routes/api_manager.dart';
 import 'package:test_sa/controllers/api_routes/urls.dart';
 import 'package:test_sa/models/enums/user_types.dart';
 import 'package:test_sa/models/user.dart';
+import 'package:test_sa/new_views/app_style/app_color.dart';
 
 import '../settings/app_settings.dart';
 
@@ -162,6 +164,12 @@ class SettingProvider extends ChangeNotifier {
 
     _host = prefs.getString(ASettings.host) ?? URLs.host1;
 
+    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
+      statusBarColor: Colors.transparent,
+      systemNavigationBarColor: _theme == "light" ? Colors.white : AppColor.neutral60,
+      systemNavigationBarIconBrightness: _theme == "light" ? Brightness.dark : Brightness.light,
+    ));
+
     isLoaded = true;
     notifyListeners();
   }

lib/main.dart

@@ -121,7 +121,10 @@ void main() async {
   } else {
     await Firebase.initializeApp();
   }
-  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(statusBarColor: Colors.transparent, systemNavigationBarColor: Colors.white));
+  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(statusBarColor: Colors.transparent,
+    systemNavigationBarColor: Colors.white,
+    systemNavigationBarIconBrightness: Brightness.dark,
+  ));
 
   /// only portrait mode
   SystemChrome.setPreferredOrientations([

lib/modules/cm_module/views/forms/maintenance_request/components/internal_request.dart

@@ -306,7 +306,6 @@ class _InternalMaintenanceRequestState extends State<InternalMaintenanceRequest>
                 },
               ),
               // const AssistantEmployeeCard().toShadowContainer(context, paddingObject: const EdgeInsets.symmetric(horizontal: 16)).paddingOnly(start: 13, end: 14, top: 12),
-              100.height,
             ],
           ),
         ),

lib/new_views/pages/land_page/land_page.dart

@@ -58,7 +58,8 @@ class _LandPageState extends State<LandPage> {
           context: context,
           useSafeArea: true,
           backgroundColor: Colors.transparent,
-          builder: (context) => Container(
+          builder: (context) => SafeArea(
+            child: Container(
                 clipBehavior: Clip.antiAlias,
                 decoration: BoxDecoration(
                   color: Theme.of(context).scaffoldBackgroundColor,
@@ -94,6 +95,7 @@ class _LandPageState extends State<LandPage> {
                         label: "Enable".addTranslation),
                   ],
                 )),
+          ),
         );
       }
     }

lib/new_views/pages/settings_page.dart

@@ -1,6 +1,7 @@
 import 'dart:io';
 
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_advanced_switch/flutter_advanced_switch.dart';
 import 'package:local_auth_darwin/local_auth_darwin.dart';
 
@@ -75,6 +76,11 @@ class _SettingsPageState extends State<SettingsPage> {
       ..addListener(() async {
         await _settingProvider!.setDarkTheme(_settingProvider!.theme == "light");
         themeController!.value = _settingProvider!.theme == "light";
+        SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
+          statusBarColor: Colors.transparent,
+          systemNavigationBarColor: _settingProvider!.theme == "light" ? Colors.white : AppColor.neutral60,
+          systemNavigationBarIconBrightness: _settingProvider!.theme == "light" ? Brightness.dark : Brightness.light,
+        ));
       });
 
     // authController ??= ValueNotifier<bool>(_settingProvider.localAuth == "false")

lib/views/widgets/bottom_sheets/selection_bottom_sheet.dart

@@ -45,7 +45,8 @@ class _SelectionBottomSheetState<T> extends State<SelectionBottomSheet<T>> {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return SafeArea(
+      child: Container(
         height: MediaQuery.of(context).size.height * .7,
         color: Theme.of(context).scaffoldBackgroundColor,
         padding: const EdgeInsets.all(21),
@@ -159,6 +160,7 @@ class _SelectionBottomSheetState<T> extends State<SelectionBottomSheet<T>> {
               ),
           ],
         ),
+      ),
     );
   }
 }