From ce18914887c69fc555316d18602ba850be4bef61 Mon Sep 17 00:00:00 2001
From: datguypiko <61329159+datguypiko@users.noreply.github.com>
Date: Fri, 1 Nov 2024 03:53:43 +0200
Subject: [PATCH] Update userChrome.css

blur to moving tabs
---
 userChrome.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/userChrome.css b/userChrome.css
index 6ae5cc0..caa5616 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -750,10 +750,16 @@ about:config -> svg.context-properties.content.enabled -> true*/
     background-color 0.15s ease !important;
 }
 
-#titlebar #TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-background {
+#TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-background {
   margin-block: 2px !important;
 }
 
+#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > 
+.tabbrowser-tab:is([selected], [multiselected]) .tab-background{
+    background-color: color-mix(in srgb, var(--firefoxcss-tab-active-bg-color) 50%, transparent) !important;
+    backdrop-filter: blur(12px);
+}
+
 /* Remove right and left side tab overflow border line */
 #scrollbutton-up ~ spacer {
   border-color: transparent !important;