From 69d7c1fb13494c4e34a43bf95b6eacc9335a2f38 Mon Sep 17 00:00:00 2001
From: purian23 <purian23@gmail.com>
Date: Thu, 2 Jul 2026 23:50:47 -0400
Subject: [PATCH] fix(WorkspaceSwitcher): color handling w/animation transition

- Fixes #2720
---
 .../Modules/DankBar/Widgets/WorkspaceSwitcher.qml | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml b/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml
index 3c5ebf3c3..9b72e1ab6 100644
--- a/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml
+++ b/quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml
@@ -1283,6 +1283,13 @@ Item {
                 readonly property color quickshellIconActiveColor: getContrastingIconColor(activeColor)
                 readonly property color quickshellIconInactiveColor: getContrastingIconColor(unfocusedColor)
 
+                readonly property color requestedColor: isActive ? activeColor : isUrgent ? urgentColor : isPlaceholder ? Theme.surfaceTextLight : isHovered ? Theme.withAlpha(unfocusedColor, 0.7) : isOccupied ? occupiedColor : unfocusedColor
+
+                property color displayColor: requestedColor
+                property bool colorAnimationReady: false
+
+                onRequestedColorChanged: Qt.callLater(() => delegateRoot.displayColor = delegateRoot.requestedColor)
+
                 Item {
                     id: dragHandler
                     anchors.fill: parent
@@ -1523,7 +1530,7 @@ Item {
                     x: root.isVertical ? (root.widgetHeight - width) / 2 : (parent.width - width) / 2
                     y: root.isVertical ? (parent.height - height) / 2 : (root.widgetHeight - height) / 2
                     radius: Theme.cornerRadius
-                    color: isActive ? activeColor : isUrgent ? urgentColor : isPlaceholder ? Theme.surfaceTextLight : isHovered ? Theme.withAlpha(unfocusedColor, 0.7) : isOccupied ? occupiedColor : unfocusedColor
+                    color: delegateRoot.displayColor
                     opacity: dragHandler.dragging ? 0.8 : 1.0
 
                     border.width: dragHandler.dragging ? 2 : (isUrgent ? 2 : (isDropTarget ? 2 : 0))
@@ -1556,6 +1563,7 @@ Item {
                     }
 
                     Behavior on color {
+                        enabled: delegateRoot.colorAnimationReady
                         ColorAnimation {
                             duration: Theme.mediumDuration
                             easing.type: Theme.emphasizedEasing
@@ -1950,7 +1958,10 @@ Item {
                     }
                 }
 
-                Component.onCompleted: updateAllData()
+                Component.onCompleted: {
+                    updateAllData();
+                    delegateRoot.colorAnimationReady = true;
+                }
 
                 Connections {
                     target: CompositorService