Tweak navigation indicator appearance

G-Ray · Dec 3, 2024 · 5063cc7 · 5063cc7
1 parent 9d5b8b7
commit 5063cc7
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/app/lib/main.dart b/app/lib/main.dart
@@ -25,8 +25,11 @@ final darkColorScheme = ColorScheme.fromSeed(
 final _lightTheme = ThemeData(
     colorScheme: lightColorScheme,
     useMaterial3: true,
-    navigationBarTheme:
-        NavigationBarThemeData(backgroundColor: lightColorScheme.surface),
+    navigationBarTheme: const NavigationBarThemeData(
+        backgroundColor: Colors.transparent,
+        indicatorColor: Colors.transparent),
+    navigationRailTheme:
+        const NavigationRailThemeData(indicatorColor: Colors.transparent),
     bottomSheetTheme:
         BottomSheetThemeData(backgroundColor: lightColorScheme.surface),
     chipTheme: ChipThemeData(
@@ -37,8 +40,11 @@ final _lightTheme = ThemeData(
 final _darkTheme = ThemeData(
     colorScheme: darkColorScheme,
     useMaterial3: true,
-    navigationBarTheme:
-        NavigationBarThemeData(backgroundColor: darkColorScheme.surface),
+    navigationBarTheme: const NavigationBarThemeData(
+        backgroundColor: Colors.transparent,
+        indicatorColor: Colors.transparent),
+    navigationRailTheme:
+        const NavigationRailThemeData(indicatorColor: Colors.transparent),
     bottomSheetTheme:
         BottomSheetThemeData(backgroundColor: darkColorScheme.surface),
     chipTheme: ChipThemeData(

diff --git a/app/lib/navigation/navigation.dart b/app/lib/navigation/navigation.dart
@@ -13,11 +13,11 @@ class Destination {
 }
 
 const List<Destination> destinations = <Destination>[
-  Destination('Torrents', Icon(Icons.electric_bolt, size: 28),
-      Icon(Icons.electric_bolt, size: 28)),
+  Destination('Torrents', Icon(Icons.electric_bolt, size: 32),
+      Icon(Icons.electric_bolt, size: 32, color: Colors.yellow)),
   // Destination('Search', Icon(Icons.search_outlined), Icon(Icons.search)),
-  Destination('Settings', Icon(Icons.settings, size: 28),
-      Icon(Icons.settings, size: 28)),
+  Destination('Settings', Icon(Icons.settings, size: 32),
+      Icon(Icons.settings, size: 32, color: Colors.yellow)),
   // Destination(
   //     'About', Icon(Icons.question_mark_outlined), Icon(Icons.question_mark)),
 ];