apply theme to new chat screens

lib/src/channel_list_view.dart

@@ -336,8 +336,8 @@ class _ChannelListViewState extends State<ChannelListView>
   Shimmer _buildLoadingItem() {
     if (widget.crossAxisCount > 1) {
       return Shimmer.fromColors(
-        baseColor: Color(0xffE5E5E5),
-        highlightColor: Color(0xffffffff),
+        baseColor: StreamChatTheme.of(context).colorTheme.greyGainsboro,
+        highlightColor: StreamChatTheme.of(context).colorTheme.whiteSmoke,
         child: Column(
           children: [
             SizedBox(
@@ -367,8 +367,8 @@ class _ChannelListViewState extends State<ChannelListView>
       );
     } else {
       return Shimmer.fromColors(
-        baseColor: Color(0xffE5E5E5),
-        highlightColor: StreamChatTheme.of(context).colorTheme.white,
+        baseColor: StreamChatTheme.of(context).colorTheme.greyGainsboro,
+        highlightColor: StreamChatTheme.of(context).colorTheme.whiteSmoke,
         child: ListTile(
           leading: Container(
             decoration: BoxDecoration(

lib/src/channel_unread_indicator.dart

@@ -36,7 +36,7 @@ class ChannelUnreadIndicator extends StatelessWidget {
                 '${snapshot.data}',
                 style: TextStyle(
                   fontSize: 11,
-                  color: StreamChatTheme.of(context).colorTheme.white,
+                  color: Colors.white,
                 ),
               ),
             ),

lib/src/full_screen_media.dart

@@ -100,9 +100,7 @@ class _FullScreenMediaState extends State<FullScreenMedia>
                                       .channelTheme
                                       .channelHeaderTheme
                                       .color,
-                                  end: StreamChatTheme.of(context)
-                                      .colorTheme
-                                      .black)
+                                  end: Colors.black)
                               .lerp(_controller.value),
                         ),
                         onTapUp: (a, b, c) {

lib/src/image_actions_modal.dart

@@ -35,7 +35,7 @@ class ImageActionsModal extends StatelessWidget {
               begin: Alignment.topCenter,
               end: Alignment.bottomCenter,
               colors: [
-                StreamChatTheme.of(context).colorTheme.black.withOpacity(0.8),
+                Colors.black.withOpacity(0.8),
                 Colors.transparent,
               ],
               stops: [0.0, 0.4],
@@ -110,10 +110,10 @@ class ImageActionsModal extends StatelessWidget {
                   shape: RoundedRectangleBorder(
                     borderRadius: BorderRadius.circular(16),
                   ),
-                  color: Color(0xffe5e5e5),
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.stretch,
                     children: ListTile.divideTiles(
+                      color: StreamChatTheme.of(context).colorTheme.greyWhisper,
                       context: context,
                       tiles: [
                         _buildButton(
@@ -203,6 +203,7 @@ class ImageActionsModal extends StatelessWidget {
     );
 
     return Material(
+      color: StreamChatTheme.of(context).colorTheme.white,
       child: InkWell(
         onTap: onTap,
         child: ListTile(

lib/src/image_footer.dart

@@ -5,10 +5,10 @@ import 'dart:typed_data';
 
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:chewie/chewie.dart';
+import 'package:dio/dio.dart';
 import 'package:esys_flutter_share/esys_flutter_share.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:dio/dio.dart';
 import 'package:image_gallery_saver/image_gallery_saver.dart';
 import 'package:path_provider/path_provider.dart';
 import 'package:stream_chat/stream_chat.dart';
@@ -300,7 +300,7 @@ class _ImageFooterState extends State<ImageFooter> {
                               limit: 25,
                             ),
                             filter: {
-                              if (_searchController.text.isNotEmpty)
+                              if (_channelNameQuery?.trim()?.isNotEmpty == true)
                                 'name': {
                                   r'$autocomplete': _channelNameQuery,
                                 },
@@ -311,7 +311,7 @@ class _ImageFooterState extends State<ImageFooter> {
                             sort: [
                               SortOption(
                                 'name',
-                                direction: 1,
+                                direction: SortOption.ASC,
                               ),
                             ],
                             emptyBuilder: (_) {
@@ -356,6 +356,8 @@ class _ImageFooterState extends State<ImageFooter> {
                             color: StreamChatTheme.of(context).colorTheme.white,
                             height: 48.0,
                             child: Material(
+                              color:
+                                  StreamChatTheme.of(context).colorTheme.white,
                               child: InkWell(
                                 onTap: () async {
                                   var url = widget

lib/src/message_input.dart

@@ -1343,7 +1343,7 @@ class MessageInputState extends State<MessageInput> {
                                           StreamChatTheme.of(context)
                                               .colorTheme
                                               .black
-                                              .withOpacity(0.2),
+                                              .withOpacity(0.6),
                                       maxRadius: 12.0,
                                       child: StreamSvgIcon.close(
                                         color: StreamChatTheme.of(context)

lib/src/message_list_view.dart

@@ -345,10 +345,12 @@ class _MessageListViewState extends State<MessageListView> {
                                     begin: Alignment.topCenter,
                                     end: Alignment.bottomCenter,
                                     colors: [
-                                      Color(0XFFF7F7F7),
                                       StreamChatTheme.of(context)
                                           .colorTheme
                                           .whiteSmoke,
+                                      StreamChatTheme.of(context)
+                                          .colorTheme
+                                          .whiteSnow,
                                     ],
                                   ),
                                 ),
@@ -844,7 +846,7 @@ class _MessageListViewState extends State<MessageListView> {
       }
       if (event.message.user.id == streamChannel.channel.client.state.user.id) {
         WidgetsBinding.instance.addPostFrameCallback((_) {
-          _scrollController.jumpTo(
+          _scrollController?.jumpTo(
             index: 0,
           );
         });

lib/src/stream_chat_theme.dart

@@ -381,33 +381,41 @@ class TextTheme {
     this.title = const TextStyle(
       fontSize: 22,
       fontWeight: FontWeight.bold,
+      color: Colors.black,
     ),
     this.headlineBold = const TextStyle(
       fontSize: 16,
       fontWeight: FontWeight.bold,
+      color: Colors.black,
     ),
     this.headline = const TextStyle(
       fontSize: 16,
       fontWeight: FontWeight.w500,
+      color: Colors.black,
     ),
     this.bodyBold = const TextStyle(
       fontSize: 14,
       fontWeight: FontWeight.bold,
+      color: Colors.black,
     ),
     this.body = const TextStyle(
       fontSize: 14,
       fontWeight: FontWeight.w500,
+      color: Colors.black,
     ),
     this.footnoteBold = const TextStyle(
       fontSize: 12,
       fontWeight: FontWeight.w500,
+      color: Colors.black,
     ),
     this.footnote = const TextStyle(
       fontSize: 12,
+      color: Colors.black,
     ),
     this.captionBold = const TextStyle(
       fontSize: 10,
       fontWeight: FontWeight.bold,
+      color: Colors.black,
     ),
   });
 

lib/src/unread_indicator.dart

@@ -34,7 +34,7 @@ class UnreadIndicator extends StatelessWidget {
                 '${snapshot.data}',
                 style: TextStyle(
                   fontSize: 11,
-                  color: StreamChatTheme.of(context).colorTheme.white,
+                  color: Colors.white,
                 ),
               ),
             ),

lib/src/user_item.dart

@@ -74,6 +74,8 @@ class UserItem extends StatelessWidget {
       ),
       trailing: selected
           ? CircleAvatar(
+              backgroundColor:
+                  StreamChatTheme.of(context).colorTheme.accentBlue,
               child: StreamSvgIcon.check(
                 size: 20,
                 color: StreamChatTheme.of(context).colorTheme.white,