internal: add canim component

components/CAnim.qml

@@ -0,0 +1,8 @@
+import qs.config
+import QtQuick
+
+ColorAnimation {
+    duration: Appearance.anim.durations.normal
+    easing.type: Easing.BezierSpline
+    easing.bezierCurve: Appearance.anim.curves.standard
+}

components/StyledClippingRect.qml

@@ -1,4 +1,3 @@
-import qs.config
 import Quickshell.Widgets
 import QtQuick
 
@@ -8,10 +7,6 @@ ClippingRectangle {
     color: "transparent"
 
     Behavior on color {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 }

components/StyledRect.qml

@@ -1,4 +1,3 @@
-import qs.config
 import QtQuick
 
 Rectangle {
@@ -7,10 +6,6 @@ Rectangle {
     color: "transparent"
 
     Behavior on color {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 }

components/StyledText.qml

@@ -20,11 +20,7 @@ Text {
     font.pointSize: Appearance.font.size.smaller
 
     Behavior on color {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 
     Behavior on text {

components/controls/StyledRadioButton.qml

@@ -40,11 +40,7 @@ RadioButton {
         }
 
         Behavior on border.color {
-            ColorAnimation {
+            CAnim {}
-                duration: Appearance.anim.durations.normal
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.standard
-            }
         }
     }
 

components/controls/StyledSwitch.qml

@@ -110,11 +110,7 @@ Switch {
                     }
 
                     Behavior on strokeColor {
-                        ColorAnimation {
+                        CAnim {}
-                            duration: Appearance.anim.durations.normal
-                            easing.type: Easing.BezierSpline
-                            easing.bezierCurve: Appearance.anim.curves.standard
-                        }
                     }
                 }
 

components/controls/StyledTextField.qml

@@ -69,18 +69,10 @@ TextField {
     }
 
     Behavior on color {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 
     Behavior on placeholderTextColor {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 }

components/effects/Colouriser.qml

@@ -1,4 +1,4 @@
-import qs.config
+import ".."
 import QtQuick
 import QtQuick.Effects
 
@@ -9,10 +9,6 @@ MultiEffect {
     brightness: 1 - sourceColor.hslLightness
 
     Behavior on colorizationColor {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 }

components/filedialog/CurrentItem.qml

@@ -62,11 +62,7 @@ Item {
             }
 
             Behavior on fillColor {
-                ColorAnimation {
+                CAnim {}
-                    duration: Appearance.anim.durations.normal
-                    easing.type: Easing.BezierSpline
-                    easing.bezierCurve: Appearance.anim.curves.standard
-                }
             }
         }
     }

components/filedialog/FileDialog.qml

@@ -1,7 +1,7 @@
 pragma ComponentBehavior: Bound
 
+import qs.components
 import qs.services
-import qs.config
 import Quickshell
 import QtQuick
 import QtQuick.Layouts
@@ -96,11 +96,7 @@ LazyLoader {
         }
 
         Behavior on color {
-            ColorAnimation {
+            CAnim {}
-                duration: Appearance.anim.durations.normal
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.standard
-            }
         }
     }
 }

modules/areapicker/Picker.qml

@@ -243,11 +243,7 @@ MouseArea {
         implicitHeight: selectionRect.implicitHeight + root.realBorderWidth * 2
 
         Behavior on border.color {
-            ColorAnimation {
+            CAnim {}
-                duration: Appearance.anim.durations.normal
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.standard
-            }
         }
     }
 

modules/bar/popouts/Background.qml

@@ -1,3 +1,4 @@
+import qs.components
 import qs.services
 import qs.config
 import QtQuick
@@ -59,11 +60,7 @@ ShapePath {
     }
 
     Behavior on fillColor {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 
     Behavior on ibr {

modules/controlcenter/WindowFactory.qml

@@ -1,7 +1,7 @@
 pragma Singleton
 
+import qs.components
 import qs.services
-import qs.config
 import Quickshell
 import QtQuick
 
@@ -53,11 +53,7 @@ Singleton {
             }
 
             Behavior on color {
-                ColorAnimation {
+                CAnim {}
-                    duration: Appearance.anim.durations.normal
-                    easing.type: Easing.BezierSpline
-                    easing.bezierCurve: Appearance.anim.curves.standard
-                }
             }
         }
     }

modules/controlcenter/bluetooth/Details.qml

@@ -203,11 +203,7 @@ Item {
                                     opacity: root.session.bt.editingDeviceName ? 1 : 0
 
                                     Behavior on border.color {
-                                        ColorAnimation {
+                                        CAnim {}
-                                            duration: Appearance.anim.durations.normal
-                                            easing.type: Easing.BezierSpline
-                                            easing.bezierCurve: Appearance.anim.curves.standard
-                                        }
                                     }
 
                                     Behavior on opacity {

modules/controlcenter/bluetooth/Settings.qml

@@ -363,11 +363,7 @@ ColumnLayout {
                             opacity: root.session.bt.editingAdapterName ? 1 : 0
 
                             Behavior on border.color {
-                                ColorAnimation {
+                                CAnim {}
-                                    duration: Appearance.anim.durations.normal
-                                    easing.type: Easing.BezierSpline
-                                    easing.bezierCurve: Appearance.anim.curves.standard
-                                }
                             }
 
                             Behavior on opacity {

modules/dashboard/Background.qml

@@ -1,3 +1,4 @@
+import qs.components
 import qs.services
 import qs.config
 import QtQuick
@@ -60,10 +61,6 @@ ShapePath {
     }
 
     Behavior on fillColor {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 }

modules/dashboard/Media.qml

@@ -106,11 +106,7 @@ Item {
             }
 
             Behavior on strokeColor {
-                ColorAnimation {
+                CAnim {}
-                    duration: Appearance.anim.durations.normal
-                    easing.type: Easing.BezierSpline
-                    easing.bezierCurve: Appearance.anim.curves.standard
-                }
             }
         }
     }

modules/dashboard/Performance.qml

@@ -217,35 +217,19 @@ RowLayout {
         }
 
         Behavior on fg1 {
-            ColorAnimation {
+            CAnim {}
-                duration: Appearance.anim.durations.normal
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.standard
-            }
         }
 
         Behavior on fg2 {
-            ColorAnimation {
+            CAnim {}
-                duration: Appearance.anim.durations.normal
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.standard
-            }
         }
 
         Behavior on bg1 {
-            ColorAnimation {
+            CAnim {}
-                duration: Appearance.anim.durations.normal
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.standard
-            }
         }
 
         Behavior on bg2 {
-            ColorAnimation {
+            CAnim {}
-                duration: Appearance.anim.durations.normal
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.standard
-            }
         }
     }
 }

modules/dashboard/dash/Media.qml

@@ -52,11 +52,7 @@ Item {
             }
 
             Behavior on strokeColor {
-                ColorAnimation {
+                CAnim {}
-                    duration: Appearance.anim.durations.normal
-                    easing.type: Easing.BezierSpline
-                    easing.bezierCurve: Appearance.anim.curves.standard
-                }
             }
         }
 
@@ -76,11 +72,7 @@ Item {
             }
 
             Behavior on strokeColor {
-                ColorAnimation {
+                CAnim {}
-                    duration: Appearance.anim.durations.normal
-                    easing.type: Easing.BezierSpline
-                    easing.bezierCurve: Appearance.anim.curves.standard
-                }
             }
         }
     }

modules/launcher/Background.qml

@@ -1,3 +1,4 @@
+import qs.components
 import qs.services
 import qs.config
 import QtQuick
@@ -54,10 +55,6 @@ ShapePath {
     }
 
     Behavior on fillColor {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 }

modules/lock/Resources.qml

@@ -5,7 +5,6 @@ import qs.services
 import qs.config
 import QtQuick
 import QtQuick.Layouts
-import QtQuick.Shapes
 
 GridLayout {
     id: root
@@ -93,10 +92,4 @@ GridLayout {
             }
         }
     }
-
-    component Anim: ColorAnimation {
-        duration: Appearance.anim.durations.normal
-        easing.type: Easing.BezierSpline
-        easing.bezierCurve: Appearance.anim.curves.standard
-    }
 }

modules/notifications/Background.qml

@@ -1,3 +1,4 @@
+import qs.components
 import qs.services
 import qs.config
 import Quickshell
@@ -49,11 +50,7 @@ ShapePath {
     }
 
     Behavior on fillColor {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 
     Behavior on fullHeightRounding {

modules/osd/Background.qml

@@ -1,3 +1,4 @@
+import qs.components
 import qs.services
 import qs.config
 import QtQuick
@@ -54,10 +55,6 @@ ShapePath {
     }
 
     Behavior on fillColor {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 }

modules/session/Background.qml

@@ -1,3 +1,4 @@
+import qs.components
 import qs.services
 import qs.config
 import QtQuick
@@ -54,10 +55,6 @@ ShapePath {
     }
 
     Behavior on fillColor {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 }

modules/utilities/Background.qml

@@ -1,3 +1,4 @@
+import qs.components
 import qs.services
 import qs.config
 import QtQuick
@@ -48,10 +49,6 @@ ShapePath {
     }
 
     Behavior on fillColor {
-        ColorAnimation {
+        CAnim {}
-            duration: Appearance.anim.durations.normal
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Appearance.anim.curves.standard
-        }
     }
 }