From 190570da7baf101539d8cc6f35ffa6648b77686e Mon Sep 17 00:00:00 2001
From: Uyanide <pywang0608@foxmail.com>
Date: Sat, 21 Mar 2026 07:13:56 +0100
Subject: [PATCH] qs: improve bar's animations

---
 .../Modules/Background/ScrollBackground.qml   |  5 ++-
 .../.config/quickshell/Modules/Bar/Bar.qml    | 37 +++++++++----------
 .../quickshell/Modules/Misc/Corners.qml       |  2 +-
 .../quickshell/Services/NotesService.qml      |  1 -
 4 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/config/quickshell/.config/quickshell/Modules/Background/ScrollBackground.qml b/config/quickshell/.config/quickshell/Modules/Background/ScrollBackground.qml
index 5c6d455..7956cfb 100644
--- a/config/quickshell/.config/quickshell/Modules/Background/ScrollBackground.qml
+++ b/config/quickshell/.config/quickshell/Modules/Background/ScrollBackground.qml
@@ -23,7 +23,8 @@ Item {
     readonly property real viewportHeight: outputHeight > 0 ? outputHeight : height
     readonly property real scrollProgress: {
         if (workspaceCount <= 1 || focusedIndex < 0)
-            return 0.5; // Center
+            return 0.5;
+ // Center
         return Math.max(0, Math.min(1, (focusedIndex - 1) / (workspaceCount - 1)));
     }
 
@@ -142,6 +143,7 @@ Item {
         Behavior on blur {
             NumberAnimation {
                 duration: Style.animationSlow
+                easing.type: Easing.InOutCubic
             }
 
         }
@@ -149,6 +151,7 @@ Item {
         Behavior on colorization {
             NumberAnimation {
                 duration: Style.animationSlow
+                easing.type: Easing.InOutCubic
             }
 
         }
diff --git a/config/quickshell/.config/quickshell/Modules/Bar/Bar.qml b/config/quickshell/.config/quickshell/Modules/Bar/Bar.qml
index bbd4422..8deffef 100644
--- a/config/quickshell/.config/quickshell/Modules/Bar/Bar.qml
+++ b/config/quickshell/.config/quickshell/Modules/Bar/Bar.qml
@@ -31,6 +31,21 @@ Variants {
                 top: true
             }
 
+            Rectangle {
+                anchors.fill: parent
+                color: Colors.mSurface
+                opacity: BarService.focusMode ? 1 : 0
+
+                Behavior on opacity {
+                    NumberAnimation {
+                        duration: Style.animationSlow
+                        easing.type: Easing.InOutCubic
+                    }
+
+                }
+
+            }
+
             Rectangle {
                 id: barBackground
 
@@ -39,30 +54,12 @@ Variants {
                 gradient: Gradient {
                     GradientStop {
                         position: 0
-                        color: Qt.rgba(Colors.mSurface.r, Colors.mSurface.g, Colors.mSurface.b, BarService.focusMode ? 1 : 0.8)
-
-                        Behavior on color {
-                            ColorAnimation {
-                                duration: Style.animationSlowest
-                                easing.type: Easing.InOutCubic
-                            }
-
-                        }
-
+                        color: Qt.rgba(Colors.mSurface.r, Colors.mSurface.g, Colors.mSurface.b, 0.8)
                     }
 
                     GradientStop {
                         position: 1
-                        color: Qt.rgba(Colors.mSurface.r, Colors.mSurface.g, Colors.mSurface.b, BarService.focusMode ? 1 : 0)
-
-                        Behavior on color {
-                            ColorAnimation {
-                                duration: Style.animationSlowest
-                                easing.type: Easing.InOutCubic
-                            }
-
-                        }
-
+                        color: Qt.rgba(Colors.mSurface.r, Colors.mSurface.g, Colors.mSurface.b, 0)
                     }
 
                 }
diff --git a/config/quickshell/.config/quickshell/Modules/Misc/Corners.qml b/config/quickshell/.config/quickshell/Modules/Misc/Corners.qml
index 4ec63ed..a506b35 100644
--- a/config/quickshell/.config/quickshell/Modules/Misc/Corners.qml
+++ b/config/quickshell/.config/quickshell/Modules/Misc/Corners.qml
@@ -173,7 +173,7 @@ Scope {
 
     Behavior on opacity {
         NumberAnimation {
-            duration: Style.animationSlowest
+            duration: Style.animationSlow
             easing.type: Easing.InOutCubic
         }
 
diff --git a/config/quickshell/.config/quickshell/Services/NotesService.qml b/config/quickshell/.config/quickshell/Services/NotesService.qml
index 0e90858..bf5d94a 100644
--- a/config/quickshell/.config/quickshell/Services/NotesService.qml
+++ b/config/quickshell/.config/quickshell/Services/NotesService.qml
@@ -1,4 +1,3 @@
-import QtQml
 import QtQuick
 import Quickshell
 import Quickshell.Io