Tweak theme colors & accents

lib/main.dart

@@ -76,12 +76,18 @@ class MyApp extends StatelessWidget {
           fontWeight: FontWeight.bold,
         ),
       ),
+      colorScheme: ColorScheme.fromSwatch(
+        brightness: Brightness.dark,
+        primarySwatch: Colors.deepPurple,
+        accentColor: Colors.deepPurpleAccent,
+      ),
+      dialogBackgroundColor: Colors.grey.shade900,
     );
 
-    final oledTheme = ThemeData.dark().copyWith(
-      scaffoldBackgroundColor: Colors.black,
+    final oledTheme = ThemeData(
+      canvasColor: Colors.black,
       splashFactory: Platform.isIOS ? NoSplash.splashFactory : null,
-      textTheme: ThemeData.dark().textTheme.apply(fontFamily: 'Inter'),
+      fontFamily: 'Inter',
       appBarTheme: const AppBarTheme(
         color: Colors.black,
         elevation: 0.0,
@@ -91,7 +97,12 @@ class MyApp extends StatelessWidget {
           fontWeight: FontWeight.bold,
         ),
       ),
-      canvasColor: Colors.black,
+      colorScheme: ColorScheme.fromSwatch(
+        brightness: Brightness.dark,
+        primarySwatch: Colors.deepPurple,
+        accentColor: Colors.deepPurpleAccent,
+      ),
+      dialogBackgroundColor: Colors.black,
     );
 
     return Observer(

lib/screens/channel/chat/details/chat_modes.dart

@@ -26,8 +26,8 @@ class ChatModes extends StatelessWidget {
               : roomState.followersOnly == '0'
                   ? 'Followers-Only Mode: On'
                   : roomState.followersOnly == '1'
-                      ? 'Followers-Only Mode: On, ${roomState.followersOnly} minute'
-                      : 'Followers-Only Mode: On, ${roomState.followersOnly} minutes',
+                      ? 'Followers-Only Mode: On (${roomState.followersOnly} minute)'
+                      : 'Followers-Only Mode: On (${roomState.followersOnly} minutes)',
           child: Icon(
             Icons.favorite,
             color: roomState.followersOnly != '-1' ? Colors.red : Colors.grey,
@@ -43,7 +43,7 @@ class ChatModes extends StatelessWidget {
         ),
         Tooltip(
           preferBelow: false,
-          message: 'Slow Mode: ${roomState.slowMode != '0' ? 'On, ${roomState.slowMode} seconds' : 'Off'}',
+          message: 'Slow Mode: ${roomState.slowMode != '0' ? 'On (${roomState.slowMode} seconds)' : 'Off'}',
           child: Icon(
             Icons.history_toggle_off,
             color: roomState.slowMode != '0' ? Colors.blue : Colors.grey,

lib/screens/home/top/categories/category_streams.dart

@@ -31,6 +31,11 @@ class CategoryStreams extends StatelessWidget {
                       pinned: true,
                       expandedHeight: MediaQuery.of(context).size.height / 3,
                       flexibleSpace: FlexibleSpaceBar(
+                        stretchModes: const [
+                          StretchMode.fadeTitle,
+                          StretchMode.zoomBackground,
+                        ],
+                        centerTitle: true,
                         title: Text(
                           store.categoryInfo!.name,
                           style: Theme.of(context).textTheme.headline6?.copyWith(fontWeight: FontWeight.bold),
@@ -38,7 +43,11 @@ class CategoryStreams extends StatelessWidget {
                           overflow: TextOverflow.ellipsis,
                         ),
                         background: CachedNetworkImage(
-                          imageUrl: store.categoryInfo!.boxArtUrl.replaceRange(store.categoryInfo!.boxArtUrl.lastIndexOf('-') + 1, null, '300x400.jpg'),
+                          imageUrl: store.categoryInfo!.boxArtUrl.replaceRange(
+                            store.categoryInfo!.boxArtUrl.lastIndexOf('-') + 1,
+                            null,
+                            '300x400.jpg',
+                          ),
                           color: const Color.fromRGBO(255, 255, 255, 0.5),
                           colorBlendMode: BlendMode.modulate,
                           fit: BoxFit.cover,

lib/screens/home/top/top_section.dart

@@ -21,6 +21,7 @@ class TopSection extends StatelessWidget {
       child: Column(
         children: [
           const TabBar(
+            indicatorColor: Colors.deepPurpleAccent,
             tabs: [
               Tab(text: 'Streams'),
               Tab(text: 'Categories'),

lib/screens/settings/account/profile_card.dart

@@ -25,6 +25,7 @@ class ProfileCard extends StatelessWidget {
               Navigator.of(context).pop();
             },
             child: const Text('Yes'),
+            style: TextButton.styleFrom(primary: Colors.red),
           ),
         ],
       ),

lib/screens/settings/other_settings.dart

@@ -30,7 +30,6 @@ class OtherSettings extends StatelessWidget {
           padding: const EdgeInsets.all(10.0),
           width: double.infinity,
           child: OutlinedButton(
-            style: OutlinedButton.styleFrom(),
             child: const Text('Clear Image Cache'),
             onPressed: () async {
               await DefaultCacheManager().emptyCache();

lib/widgets/block_button.dart

@@ -40,6 +40,7 @@ class BlockButton extends StatelessWidget {
               Navigator.of(context).pop();
             },
             child: const Text('Yes'),
+            style: TextButton.styleFrom(primary: Colors.red),
           ),
         ],
       ),