Update userChrome.css

blur to moving tabs
datguypiko · Nov 1, 2024 · ce18914 · ce18914
1 parent 99b4b54
commit ce18914
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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;