diff --git a/web/repertory/lib/main.dart b/web/repertory/lib/main.dart
index 70dba94e..98615d6f 100644
--- a/web/repertory/lib/main.dart
+++ b/web/repertory/lib/main.dart
@@ -19,7 +19,19 @@ class MyApp extends StatelessWidget {
     return MaterialApp(
       title: constants.appTitle,
       theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
+        brightness: Brightness.light,
+        colorScheme: ColorScheme.fromSeed(
+          seedColor: Colors.blue,
+          brightness: Brightness.light,
+        ),
+      ),
+      themeMode: ThemeMode.dark,
+      darkTheme: ThemeData(
+        brightness: Brightness.dark,
+        colorScheme: ColorScheme.fromSeed(
+          seedColor: Colors.blue,
+          brightness: Brightness.dark,
+        ),
       ),
       initialRoute: '/',
       routes: {'/': (context) => const MyHomePage(title: constants.appTitle)},
diff --git a/web/repertory/lib/widgets/mount_widget.dart b/web/repertory/lib/widgets/mount_widget.dart
index 357ff827..aa1867a1 100644
--- a/web/repertory/lib/widgets/mount_widget.dart
+++ b/web/repertory/lib/widgets/mount_widget.dart
@@ -22,7 +22,7 @@ class _MountWidgetState extends State<MountWidget> {
       child: Consumer<Mount>(
         builder: (context, mount, widget) {
           final textColor = Colors.blue;
-          final subTextColor = Colors.black;
+          final subTextColor = Colors.white70;
 
           final isActive = mount.state == Icons.toggle_on;
           final nameText = SelectableText(