1 files changed, 11 insertions, 11 deletions

diff --git a/resources/qml/Settings/SettingCheckBox.qml b/resources/qml/Settings/SettingCheckBox.qml
index 20693b92e3..1b4e4ac143 100644
--- a/resources/qml/Settings/SettingCheckBox.qml
+++ b/resources/qml/Settings/SettingCheckBox.qml
@@ -85,20 +85,20 @@ SettingItem
         {
             anchors
             {
-                top: parent.top
-                bottom: parent.bottom
+                verticalCenter: parent.verticalCenter
                 left: parent.left
             }
-            width: height
+            width: UM.Theme.getSize("checkbox").width
+            height: width
 
-            radius: UM.Theme.getSize("setting_control_radius").width
+            radius: UM.Theme.getSize("checkbox_radius").width
             border.width: UM.Theme.getSize("default_lining").width
 
             border.color:
             {
                 if(!enabled)
                 {
-                    return UM.Theme.getColor("setting_control_disabled_border")
+                    return UM.Theme.getColor("checkbox_border")
                 }
                 switch (propertyProvider.properties.validationState)
                 {
@@ -114,7 +114,7 @@ SettingItem
                 // Validation is OK.
                 if (control.containsMouse || control.activeFocus || hovered)
                 {
-                    return UM.Theme.getColor("setting_control_border_highlight")
+                    return UM.Theme.getColor("checkbox_border_hover")
                 }
                 return UM.Theme.getColor("setting_control_border")
             }
@@ -122,7 +122,7 @@ SettingItem
             color: {
                 if (!enabled)
                 {
-                    return UM.Theme.getColor("setting_control_disabled")
+                    return UM.Theme.getColor("checkbox_disabled")
                 }
                 switch (propertyProvider.properties.validationState)
                 {
@@ -140,18 +140,18 @@ SettingItem
                 {
                     return UM.Theme.getColor("setting_control_highlight")
                 }
-                return UM.Theme.getColor("setting_control")
+                return UM.Theme.getColor("checkbox")
             }
 
             UM.RecolorImage
             {
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.horizontalCenter: parent.horizontalCenter
-                width: Math.round(parent.width / 2.5)
-                height: Math.round(parent.height / 2.5)
+                height: UM.Theme.getSize("checkbox_mark").height
+                width: UM.Theme.getSize("checkbox_mark").width
                 sourceSize.height: width
                 color: !enabled ? UM.Theme.getColor("setting_control_disabled_text") : UM.Theme.getColor("setting_control_text");
-                source: UM.Theme.getIcon("Check")
+                source: UM.Theme.getIcon("Check", "low")
                 opacity: control.checked ? 1 : 0
                 Behavior on opacity { NumberAnimation { duration: 100; } }
             }