From 3a7d46fc184222e1a327e9b5c608eb60f6b93b92 Mon Sep 17 00:00:00 2001
From: ggurdin <ggurdin@gmail.com>
Date: Thu, 12 Sep 2024 15:30:54 -0400
Subject: [PATCH] add blue effect to overlat background, made toolbar backdrop
 slightly darker

---
 lib/pages/chat/chat.dart      |  2 +-
 lib/pangea/utils/overlay.dart | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/lib/pages/chat/chat.dart b/lib/pages/chat/chat.dart
index b35845bbf..12fc40af1 100644
--- a/lib/pages/chat/chat.dart
+++ b/lib/pages/chat/chat.dart
@@ -1660,7 +1660,7 @@ class ChatController extends State<ChatPageWithRoom>
       context: context,
       child: overlayEntry,
       transformTargetId: "",
-      backgroundColor: const Color.fromRGBO(0, 0, 0, 1).withAlpha(100),
+      backgroundColor: const Color.fromRGBO(0, 0, 0, 1).withAlpha(150),
       closePrevOverlay:
           MatrixState.pangeaController.subscriptionController.isSubscribed,
       position: OverlayPositionEnum.centered,
diff --git a/lib/pangea/utils/overlay.dart b/lib/pangea/utils/overlay.dart
index c83c39af4..c49b1250e 100644
--- a/lib/pangea/utils/overlay.dart
+++ b/lib/pangea/utils/overlay.dart
@@ -1,5 +1,6 @@
 import 'dart:developer';
 import 'dart:math';
+import 'dart:ui';
 
 import 'package:fluffychat/config/app_config.dart';
 import 'package:fluffychat/pangea/utils/any_state_holder.dart';
@@ -229,10 +230,13 @@ class TransparentBackdrop extends StatelessWidget {
           }
           MatrixState.pAnyState.closeOverlay();
         },
-        child: Container(
-          height: double.infinity,
-          width: double.infinity,
-          color: Colors.transparent,
+        child: BackdropFilter(
+          filter: ImageFilter.blur(sigmaX: 2.5, sigmaY: 2.5),
+          child: Container(
+            height: double.infinity,
+            width: double.infinity,
+            color: Colors.transparent,
+          ),
         ),
       ),
     );