updates

web/repertory/lib/main.dart

@@ -17,7 +17,7 @@ class MyApp extends StatelessWidget {
     return MaterialApp(
       title: constants.app_title,
       theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.orange),
+        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
       ),
       home: const MyHomePage(title: constants.app_title),
     );

web/repertory/lib/widgets/mount_widget.dart

@@ -20,23 +20,42 @@ class _MountWidgetState extends State<MountWidget> {
     return Card(
       child: Consumer<Mount>(
         builder: (context, mount, widget) {
-          final isThreeLine = mount.state == Icons.toggle_on;
+          final textColor = Colors.blue;
+          final subTextColor = Colors.black;
+
+          final isActive = mount.state == Icons.toggle_on;
+          final nameText = Text(
+            formatMountName(mount.type, mount.name),
+            style: TextStyle(color: subTextColor),
+          );
 
           return ListTile(
-            isThreeLine: isThreeLine,
-            leading: const Icon(Icons.settings),
+            isThreeLine: isActive,
+            leading: IconButton(
+              icon: Icon(Icons.settings, color: textColor),
+              onPressed: () {},
+            ),
             subtitle:
-                isThreeLine
+                isActive
                     ? Column(
                       crossAxisAlignment: CrossAxisAlignment.start,
                       children: [
-                        Text(formatMountName(mount.type, mount.name)),
-                        Text(mount.path),
+                        nameText,
+                        Text(mount.path, style: TextStyle(color: subTextColor)),
                       ],
                     )
-                    : Text(formatMountName(mount.type, mount.name)),
-            title: Text(initialCaps(mount.type)),
-            trailing: Icon(mount.state),
+                    : nameText,
+            title: Text(
+              initialCaps(mount.type),
+              style: TextStyle(color: textColor, fontWeight: FontWeight.bold),
+            ),
+            trailing: IconButton(
+              icon: Icon(
+                mount.state,
+                color: isActive ? Colors.blue : Colors.grey,
+              ),
+              onPressed: () {},
+            ),
           );
         },
       ),