From ad3a275c21698a499bbce85fe04f6facd9a5fa18 Mon Sep 17 00:00:00 2001
From: Benjamin Palko <benjaminpalko@hotmail.com>
Date: Mon, 15 Sep 2025 16:16:35 -0400
Subject: [PATCH] color animatinos

---
 components/StyledComboBox.qml | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/components/StyledComboBox.qml b/components/StyledComboBox.qml
index fff6670..4ab2213 100644
--- a/components/StyledComboBox.qml
+++ b/components/StyledComboBox.qml
@@ -26,11 +26,21 @@ ComboBox {
         contentItem: StyledText {
             text: delegate.model[control.textRole]
             color: delegate.highlighted ? palette.highlightedText : palette.buttonText
+            Behavior on color {
+                ColorAnimation {
+                    duration: Styling.animations.speed.fast
+                }
+            }
             elide: Text.ElideRight
             verticalAlignment: Text.AlignVCenter
         }
         background: Rectangle {
             color: delegate.highlighted ? palette.highlight : palette.button
+            Behavior on color {
+                ColorAnimation {
+                    duration: Styling.animations.speed.fast
+                }
+            }
             radius: Styling.theme.radiusSelector
         }
         highlighted: control.highlightedIndex === index
@@ -41,6 +51,11 @@ ComboBox {
 
         text: control.displayText
         color: control.hovered || control.down ? palette.highlightedText : palette.buttonText
+        Behavior on color {
+            ColorAnimation {
+                duration: Styling.animations.speed.fast
+            }
+        }
         verticalAlignment: Text.AlignVCenter
         elide: Text.ElideRight
     }
@@ -49,6 +64,11 @@ ComboBox {
         implicitWidth: 120
         implicitHeight: 40
         color: control.hovered || control.down ? palette.highlight : palette.button
+        Behavior on color {
+            ColorAnimation {
+                duration: Styling.animations.speed.fast
+            }
+        }
         border.color: Styling.theme.base100
         border.width: control.visualFocus ? 2 : 1
         radius: Styling.theme.radiusSelector
@@ -72,6 +92,11 @@ ComboBox {
 
         background: Rectangle {
             color: palette.window
+            Behavior on color {
+                ColorAnimation {
+                    duration: Styling.animations.speed.fast
+                }
+            }
             bottomLeftRadius: Styling.theme.radiusField
             bottomRightRadius: Styling.theme.radiusField
         }