qml: consistent color animation

Author: jarolrod

src/qml/components/PeersIndicator.qml

@@ -28,6 +28,10 @@ RowLayout {
                 SmoothedAnimation { to: 0; velocity: 2.2 }
                 SmoothedAnimation { to: 1; velocity: 2.2 }
             }
+
+            Behavior on color {
+                ColorAnimation { duration: 150 }
+            }
         }
     }
 }

src/qml/components/Separator.qml

@@ -9,4 +9,8 @@ import "../controls"
 Rectangle {
     height: 1
     color: Theme.color.neutral5
+
+    Behavior on color {
+        ColorAnimation { duration: 150 }
+    }
 }

src/qml/controls/CoreText.qml

@@ -15,4 +15,8 @@ Text {
     horizontalAlignment: Text.AlignHCenter
     verticalAlignment: Text.AlignVCenter
     wrapMode: wrap ? Text.WordWrap : Text.NoWrap
+
+    Behavior on color {
+        ColorAnimation { duration: 150 }
+    }
 }

src/qml/controls/Header.qml

@@ -54,6 +54,10 @@ ColumnLayout {
             text: root.description
             horizontalAlignment: root.center ? Text.AlignHCenter : Text.AlignLeft
             wrapMode: wrap ? Text.WordWrap : Text.NoWrap
+
+            Behavior on color {
+                ColorAnimation { duration: 150 }
+            }
         }
     }
     Loader {
@@ -69,6 +73,10 @@ ColumnLayout {
             text: root.subtext
             horizontalAlignment: root.center ? Text.AlignHCenter : Text.AlignLeft
             wrapMode: wrap ? Text.WordWrap : Text.NoWrap
+
+            Behavior on color {
+                ColorAnimation { duration: 150 }
+            }
         }
     }
 }

src/qml/controls/NavButton.qml

@@ -66,6 +66,10 @@ AbstractButton {
                icon.height: root.iconHeight
                icon.width: root.iconWidth
                background: root.iconBackground
+
+               Behavior on icon.color {
+                   ColorAnimation { duration: 150 }
+               }
            }
         }
         Loader {

src/qml/controls/OptionButton.qml

@@ -47,6 +47,10 @@ Button {
                     background: Rectangle {
                         color: Theme.color.neutral9
                         radius: 3
+
+                        Behavior on color {
+                            ColorAnimation { duration: 150 }
+                        }
                     }
                     font.styleName: "Regular"
                     font.pixelSize: 13
@@ -56,6 +60,10 @@ Button {
                     leftPadding: 7
                     color: Theme.color.neutral0
                     text: qsTr("Recommended")
+
+                    Behavior on color {
+                        ColorAnimation { duration: 150 }
+                    }
                 }
             }
         }
@@ -70,6 +78,10 @@ Button {
                 icon.height: 24
                 icon.width: 24
                 background: null
+
+                Behavior on icon.color {
+                    ColorAnimation { duration: 150 }
+                }
             }
         }
     }

src/qml/controls/OptionSwitch.qml

@@ -12,6 +12,10 @@ Switch {
     background: Rectangle {
         radius: Math.floor(height / 2)
         color: root.checked ? Theme.color.orange : Theme.color.neutral4
+
+        Behavior on color {
+            ColorAnimation { duration: 150 }
+        }
     }
     indicator: Rectangle {
         property real _margin: Math.round((parent.height - height) / 2)
@@ -25,5 +29,9 @@ Switch {
             SmoothedAnimation {
             }
         }
+
+        Behavior on color {
+            ColorAnimation { duration: 150 }
+        }
     }
 }

src/qml/pages/main.qml

@@ -19,6 +19,10 @@ ApplicationWindow {
     color: Theme.color.background
     visible: true
 
+    Behavior on color {
+        ColorAnimation { duration: 150 }
+    }
+
     StackView {
         id: main
         initialItem: needOnboarding ? onboardingWizard : node