Use border only on active state

Contributes to issue CURA-9217.

resources/qml/MachineSettings/NumericTextFieldWithUnit.qml

@@ -91,12 +91,12 @@ UM.TooltipArea
         {
             anchors.fill: parent
 
-            borderColor: (textFieldWithUnit.hovered || textFieldWithUnit.activeFocus) ? UM.Theme.getColor("text_field_border_hovered") : "transparent"
+            borderColor: textFieldWithUnit.activeFocus ? UM.Theme.getColor("text_field_border_active") : "transparent"
             liningColor:
             {
                 if (!textFieldWithUnit.enabled)
                 {
-                    return UM.Theme.getColor("setting_control_disabled_border")
+                    return UM.Theme.getColor("setting_control_disabled_border");
                 }
                 switch (propertyProvider.properties.validationState)
                 {
@@ -109,11 +109,15 @@ UM.TooltipArea
                         return UM.Theme.getColor("setting_validation_warning")
                 }
                 // Validation is OK.
-                if (textFieldWithUnit.hovered || textFieldWithUnit.activeFocus)
+                if(textFieldWithUnit.activeFocus)
                 {
-                    return UM.Theme.getColor("text_field_border_hovered")
+                    return UM.Theme.getColor("text_field_border_active");
                 }
-                return UM.Theme.getColor("border_field_light")
+                if(textFieldWithUnit.hovered)
+                {
+                    return UM.Theme.getColor("text_field_border_hovered");
+                }
+                return UM.Theme.getColor("border_field_light");
             }
 
             color:

resources/qml/PrintSetupSelector/Custom/CustomPrintSetup.qml

@@ -129,7 +129,6 @@ Item
             background: UM.UnderlineBackground
             {
                 id: backgroundItem
-                borderColor: intentSelection.hovered ? UM.Theme.getColor("text_field_border_hovered") : "transparent"
                 liningColor: intentSelection.hovered ? UM.Theme.getColor("text_field_border_hovered") : UM.Theme.getColor("border_field_light")
             }
 

resources/qml/Settings/SettingExtruder.qml

@@ -125,18 +125,22 @@ SettingItem
                 }
                 return UM.Theme.getColor("setting_control")
             }
-            borderColor: (base.hovered || control.activeFocus) ? UM.Theme.getSize("text_field_border_hovered") : "transparent"
+            borderColor: control.activeFocus ? UM.Theme.getSize("text_field_border_active") : "transparent"
             liningColor:
             {
-                if (!enabled)
+                if(!enabled)
+                {
+                    return UM.Theme.getColor("setting_control_disabled_border");
+                }
+                if(control.activeFocus)
                 {
-                    return UM.Theme.getColor("setting_control_disabled_border")
+                    return UM.Theme.getColor("text_field_border_active");
                 }
-                if (base.hovered || control.activeFocus)
+                if(base.hovered)
                 {
-                    return UM.Theme.getColor("text_field_border_hovered")
+                    return UM.Theme.getColor("text_field_border_hovered");
                 }
-                return UM.Theme.getColor("border_field_light")
+                return UM.Theme.getColor("border_field_light");
             }
         }
 

resources/qml/Settings/SettingOptionalExtruder.qml

@@ -126,18 +126,22 @@ SettingItem
                 }
                 return UM.Theme.getColor("setting_control")
             }
-            borderColor: (base.hovered || control.activeFocus) ? UM.Theme.getColor("text_field_border_hovered") : "transparent"
+            borderColor: control.activeFocus ? UM.Theme.getColor("text_field_border_active") : "transparent"
             liningColor:
             {
-                if (!enabled)
+                if(!enabled)
+                {
+                    return UM.Theme.getColor("setting_control_disabled_border");
+                }
+                if(control.activeFocus)
                 {
-                    return UM.Theme.getColor("setting_control_disabled_border")
+                    return UM.Theme.getColor("text_field_border_active");
                 }
-                if (base.hovered || control.activeFocus)
+                if(base.hovered)
                 {
-                    return UM.Theme.getColor("text_field_border_hovered")
+                    return UM.Theme.getColor("text_field_border_hovered");
                 }
-                return UM.Theme.getColor("border_field_light")
+                return UM.Theme.getColor("border_field_light");
             }
         }
 

resources/qml/Settings/SettingTextField.qml

@@ -32,12 +32,12 @@ SettingItem
 
         anchors.fill: parent
 
-        borderColor: (hovered || input.activeFocus) ? UM.Theme.getColor("text_field_border_hovered") : "transparent"
+        borderColor: input.activeFocus ? UM.Theme.getColor("text_field_border_active") : "transparent"
         liningColor:
         {
             if(!enabled)
             {
-                return UM.Theme.getColor("text_field_border_disabled")
+                return UM.Theme.getColor("text_field_border_disabled");
             }
             switch(propertyProvider.properties.validationState)
             {
@@ -51,11 +51,15 @@ SettingItem
                     return UM.Theme.getColor("setting_validation_warning");
             }
             //Validation is OK.
-            if(hovered || input.activeFocus)
+            if(input.activeFocus)
             {
-                return UM.Theme.getColor("text_field_border_hovered")
+                return UM.Theme.getColor("text_field_border_active");
             }
-            return UM.Theme.getColor("text_field_border")
+            if(hovered)
+            {
+                return UM.Theme.getColor("text_field_border_hovered");
+            }
+            return UM.Theme.getColor("text_field_border");
         }
 
         color: {

resources/qml/Widgets/ComboBox.qml

@@ -30,13 +30,23 @@ ComboBox
             PropertyChanges { target: contentLabel; color: UM.Theme.getColor("setting_control_disabled_text")}
         },
         State
+        {
+            name: "active"
+            when: control.activeFocus
+            PropertyChanges
+            {
+                target: background
+                borderColor: UM.Theme.getColor("text_field_border_active")
+                liningColor: UM.Theme.getColor("text_field_border_active")
+            }
+        },
+        State
         {
             name: "highlighted"
-            when: base.hovered || control.hovered || control.activeFocus
+            when: (base.hovered || control.hovered) && !control.activeFocus
             PropertyChanges
             {
                 target: background
-                borderColor: UM.Theme.getColor("text_field_border_hovered")
                 liningColor: UM.Theme.getColor("text_field_border_hovered")
             }
         }

resources/qml/Widgets/TextField.qml

@@ -44,14 +44,24 @@ TextField
             PropertyChanges { target: backgroundRectangle; color: UM.Theme.getColor("setting_validation_error_background")}
         },
         State
+        {
+            name: "active"
+            when: control.activeFocus
+            PropertyChanges
+            {
+                target: backgroundRectangle
+                liningColor: UM.Theme.getColor("text_field_border_active")
+                borderColor: UM.Theme.getColor("text_field_border_active")
+            }
+        },
+        State
         {
             name: "hovered"
-            when: control.hovered || control.activeFocus
+            when: control.hovered && !control.activeFocus
             PropertyChanges
             {
                 target: backgroundRectangle
                 liningColor: UM.Theme.getColor("text_field_border_hovered")
-                borderColor: UM.Theme.getColor("text_field_border_hovered")
             }
         }
     ]

resources/themes/cura-light/theme.json

@@ -363,7 +363,8 @@
 
         "text_field": "background_1",
         "text_field_border": [180, 180, 180, 255],
-        "text_field_border_hovered": "border_accent_2",
+        "text_field_border_hovered": "border_main",
+        "text_field_border_active": "border_accent_2",
         "text_field_border_disabled": "background_2",
         "text_field_text": "text_default",
         "text_field_text_disabled": "text_disabled",