Merge branches 'feature/new-ui' and 'minor-ui-fixes' of github.com:GetStream/stream-chat-flutter into minor-ui-fixes

example/android/app/build.gradle

@@ -27,7 +27,7 @@ apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
 
 android {
     compileSdkVersion 29
-    ndkVersion '21.3.6528147'
+    ndkVersion '22.0.7026061'
 
     sourceSets {
         main.java.srcDirs += 'src/main/kotlin'

example/pubspec.yaml

@@ -1,6 +1,6 @@
 name: example
 description: A new Flutter project.
-version: 1.1.1+3
+version: 1.1.1+4
 
 environment:
   sdk: ">=2.2.2 <3.0.0"

lib/src/channel_list_view.dart

@@ -729,17 +729,11 @@ class _ChannelListViewState extends State<ChannelListView>
   }
 
   Widget _separatorBuilder(context, i) {
-    var effect = StreamChatTheme.of(context).colorTheme.borderTop;
+    var effect = StreamChatTheme.of(context).colorTheme.borderBottom;
 
-    return BackdropFilter(
-      filter: ui.ImageFilter.blur(
-        sigmaX: effect.sigmaX,
-        sigmaY: effect.sigmaY,
-      ),
-      child: Container(
-        height: 1,
-        color: effect.color.withOpacity(0.08),
-      ),
+    return Container(
+      height: 1,
+      color: effect.color.withOpacity(effect.alpha ?? 1.0),
     );
   }
 

lib/src/stream_chat_theme.dart

@@ -492,8 +492,8 @@ class ColorTheme {
     ),
     this.borderTop = const Effect(
         sigmaX: 0, sigmaY: -1, color: Color(0xff000000), blur: 0.0),
-    this.borderBottom =
-        const Effect(sigmaX: 0, sigmaY: 1, color: Color(0xff000000), blur: 0.0),
+    this.borderBottom = const Effect(
+        sigmaX: 0, sigmaY: 1, color: Color(0xff000000), blur: 0.0, alpha: 0.08),
     this.shadowIconButton = const Effect(
         sigmaX: 0, sigmaY: 2, color: Color(0xff000000), alpha: 0.5, blur: 4.0),
     this.modalShadow = const Effect(
@@ -514,8 +514,8 @@ class ColorTheme {
     this.accentGreen = const Color(0xff20E070),
     this.borderTop = const Effect(
         sigmaX: 0, sigmaY: -1, color: Color(0xff141924), blur: 0.0),
-    this.borderBottom =
-        const Effect(sigmaX: 0, sigmaY: 1, color: Color(0xff141924), blur: 0.0),
+    this.borderBottom = const Effect(
+        sigmaX: 0, sigmaY: 1, color: Color(0xff141924), blur: 0.0, alpha: 1.0),
     this.shadowIconButton = const Effect(
         sigmaX: 0, sigmaY: 2, color: Color(0xff000000), alpha: 0.5, blur: 4.0),
     this.modalShadow = const Effect(