improve: change main bottomNavigationBar widget

lib/modules/tools/system_ui_overlay_style.dart

@@ -5,7 +5,7 @@ import 'package:movielab/constants/types.dart';
 
 setSystemUIOverlayStyle(
     {required SystemUIOverlayStyle systemUIOverlayStyle,
-    Color color = kSecondaryColor}) {
+    Color color = kBackgroundColor}) {
   if (systemUIOverlayStyle == SystemUIOverlayStyle.DARK) {
     SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
         statusBarColor: Colors.transparent,

lib/pages/main/main_page.dart

@@ -22,10 +22,17 @@ class MainPage extends StatelessWidget {
           selectedIndex: _.selectedIndex,
           animationCurve: Curves.linear,
           showElevation: true,
-          backgroundColor: kSecondaryColor,
+          backgroundColor: kBackgroundColor,
           animationDuration: const Duration(milliseconds: 250),
           iconSize: 27.5,
           height: 70,
+          shadows: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.75),
+              blurRadius: 7.5,
+              offset: const Offset(0, 0),
+            ),
+          ],
           onItemSelected: (index) => _.changeIndex(index),
           items: [
             FlashyTabBarItem(

pubspec.lock

@@ -15,6 +15,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.1.0"
+  animated_theme_switcher:
+    dependency: "direct main"
+    description:
+      name: animated_theme_switcher
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.6"
   ansicolor:
     dependency: "direct dev"
     description:

pubspec.yaml

@@ -46,6 +46,7 @@ dependencies:
   permission_handler: ^10.0.0
   file_picker: ^5.0.1
   flashy_tab_bar2: ^0.0.4
+  animated_theme_switcher: ^2.0.6