tweak examples

example/lib/custom_message.dart

@@ -72,10 +72,21 @@ class ChannelPage extends StatelessWidget {
     );
   }
 
-  Widget _messageBuilder(context, message, _) {
+  Widget _messageBuilder(context, message, index) {
     final isCurrentUser = StreamChat.of(context).user.id == message.user.id;
     final textAlign = isCurrentUser ? TextAlign.right : TextAlign.left;
-    return ListTile(
+    final color = isCurrentUser ? Colors.blueGrey : Colors.blue;
+
+    return Padding(
+      padding: EdgeInsets.all(5.0),
+      child: Container(
+        decoration: BoxDecoration(
+          border: Border.all(color: color, width: 1),
+          borderRadius: BorderRadius.all(
+            Radius.circular(5.0),
+          ),
+        ),
+        child: ListTile(
           title: Text(
             message.text,
             textAlign: textAlign,
@@ -84,6 +95,8 @@ class ChannelPage extends StatelessWidget {
             message.user.extraData['name'],
             textAlign: textAlign,
           ),
+        ),
+      ),
     );
   }
 }

example/lib/customize_channel_preview.dart

@@ -51,13 +51,24 @@ class ChannelListPage extends StatelessWidget {
   }
 
   Widget _channelPreviewBuilder(BuildContext context, Channel channel) {
+    final lastMessage = channel.state.messages.reversed
+        .firstWhere((message) => message.type != "deleted");
+
+    final subtitle = (lastMessage == null ? "nothing yet" : lastMessage.text);
+    final opacity = channel.state.unreadCount > .0 ? 1.0 : 0.5;
+
     return ListTile(
       leading: ChannelImage(
         channel: channel,
       ),
       title: ChannelName(
         channel: channel,
+        textStyle:
+            StreamChatTheme.of(context).channelPreviewTheme.title.copyWith(
+                  color: Colors.black.withOpacity(opacity),
                 ),
+      ),
+      subtitle: Text(subtitle),
       trailing: channel.state.unreadCount > 0
           ? CircleAvatar(
               radius: 10,