[MessageListView] Add messageHighlightColor property

Signed-off-by: Sahil Kumar <[email protected]>

lib/src/message_list_view.dart

@@ -122,6 +122,7 @@ class MessageListView extends StatefulWidget {
     this.itemPositionListener,
     this.onMessageSwiped,
     this.highlightInitialMessage = false,
+    this.messageHighlightColor,
     this.onShowMessage,
   }) : super(key: key);
 
@@ -175,6 +176,9 @@ class MessageListView extends StatefulWidget {
   /// Also See [StreamChannel]
   final bool highlightInitialMessage;
 
+  /// Color used while highlighting initial message
+  final Color messageHighlightColor;
+
   final ShowMessageCallback onShowMessage;
 
   @override
@@ -845,17 +849,16 @@ class _MessageListViewState extends State<MessageListView> {
     if (!initialMessageHighlightComplete &&
         widget.highlightInitialMessage &&
         _isInitialMessage(message.id)) {
-      final accentColor = Theme.of(context).accentColor;
+      final colorTheme = StreamChatTheme.of(context).colorTheme;
+      final highlightColor = widget.messageHighlightColor ?? colorTheme.yellow;
       child = TweenAnimationBuilder<Color>(
         tween: ColorTween(
-          begin: accentColor.withOpacity(0.7),
+          begin: highlightColor,
-          end: Colors.transparent,
+          end: colorTheme.white.withOpacity(0),
         ),
-        duration: const Duration(seconds: 2),
+        duration: const Duration(seconds: 3),
         child: child,
-        onEnd: () {
+        onEnd: () => initialMessageHighlightComplete = true,
-          initialMessageHighlightComplete = true;
-        },
         builder: (_, color, child) {
           return Container(
             color: color,