diff --git a/packages/stream_chat_flutter/test/src/message_list_view_theme_test.dart b/packages/stream_chat_flutter/test/src/message_list_view_theme_test.dart
new file mode 100644
index 00000000..651e28af
--- /dev/null
+++ b/packages/stream_chat_flutter/test/src/message_list_view_theme_test.dart
@@ -0,0 +1,125 @@
+import 'package:flutter/material.dart';
+import 'package:mocktail/mocktail.dart';
+import 'package:stream_chat_flutter/stream_chat_flutter.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'mocks.dart';
+
+class MockStreamChatClient extends Mock implements StreamChatClient {}
+
+void main() {
+  test('MessageListViewThemeData copyWith, ==, hashCode basics', () {
+    expect(const MessageListViewThemeData(),
+        const MessageListViewThemeData().copyWith());
+    expect(const MessageListViewThemeData().hashCode,
+        const MessageListViewThemeData().copyWith().hashCode);
+  });
+
+  test(
+      '''Light MessageListViewThemeData lerps completely to dark MessageListViewThemeData''',
+      () {
+    expect(
+        const MessageListViewThemeData().lerp(_messageListViewThemeDataControl,
+            _messageListViewThemeDataControlDark, 1),
+        _messageListViewThemeDataControlDark);
+  });
+
+  test(
+      '''Light MessageListViewThemeData lerps halfway to dark MessageListViewThemeData''',
+      () {
+    expect(
+        const MessageListViewThemeData().lerp(_messageListViewThemeDataControl,
+            _messageListViewThemeDataControlDark, 0.5),
+        _messageListViewThemeDataControlHalfLerp);
+  });
+
+  test(
+      '''Dark MessageListViewThemeData lerps completely to light MessageListViewThemeData''',
+      () {
+    expect(
+        const MessageListViewThemeData().lerp(
+            _messageListViewThemeDataControlDark,
+            _messageListViewThemeDataControl,
+            1),
+        _messageListViewThemeDataControl);
+  });
+
+  test('Merging dark and light themes results in a dark theme', () {
+    expect(
+        _messageListViewThemeDataControl
+            .merge(_messageListViewThemeDataControlDark),
+        _messageListViewThemeDataControlDark);
+  });
+
+  testWidgets(
+      'Passing no MessageListViewThemeData returns default light theme values',
+      (WidgetTester tester) async {
+    late BuildContext _context;
+    await tester.pumpWidget(
+      MaterialApp(
+        builder: (context, child) => StreamChat(
+          client: MockStreamChatClient(),
+          child: child,
+        ),
+        home: Builder(
+          builder: (BuildContext context) {
+            _context = context;
+            return Scaffold(
+              body: StreamChannel(
+                channel: MockChannel(),
+                child: const MessageListView(),
+              ),
+            );
+          },
+        ),
+      ),
+    );
+
+    final messageListViewTheme = MessageListViewTheme.of(_context);
+    expect(messageListViewTheme.backgroundColor,
+        _messageListViewThemeDataControl.backgroundColor);
+  });
+
+  testWidgets(
+      'Passing no MessageListViewThemeData returns default dark theme values',
+          (WidgetTester tester) async {
+        late BuildContext _context;
+        await tester.pumpWidget(
+          MaterialApp(
+            builder: (context, child) => StreamChat(
+              client: MockStreamChatClient(),
+              streamChatThemeData: StreamChatThemeData.dark(),
+              child: child,
+            ),
+            home: Builder(
+              builder: (BuildContext context) {
+                _context = context;
+                return Scaffold(
+                  body: StreamChannel(
+                    channel: MockChannel(),
+                    child: const MessageListView(),
+                  ),
+                );
+              },
+            ),
+          ),
+        );
+
+        final messageListViewTheme = MessageListViewTheme.of(_context);
+        expect(messageListViewTheme.backgroundColor,
+            _messageListViewThemeDataControlDark.backgroundColor);
+      });
+
+  // default dark theme values
+}
+
+final _messageListViewThemeDataControl = MessageListViewThemeData(
+  backgroundColor: ColorTheme.light().barsBg,
+);
+
+const _messageListViewThemeDataControlHalfLerp = MessageListViewThemeData(
+  backgroundColor: Color(0xff87898b),
+);
+
+final _messageListViewThemeDataControlDark = MessageListViewThemeData(
+  backgroundColor: ColorTheme.dark().barsBg,
+);