Qml Designer: color adjustment in property editor

share/qtcreator/qmldesigner/propertyeditor/Qt/CheckBox.qml

@@ -22,17 +22,17 @@ QCheckBox { //This is a special CheckBox that does color coding for states
 
    Script {
        function evaluate() {
-           if (baseStateFlag) {
-               if (backendValue.isInModel)
+            if (baseStateFlag) {
+                if (backendValue != null && backendValue.isInModel)
                     CheckBox.setStyleSheet("color: white;");
-               else
-                   CheckBox.setStyleSheet("color: gray;");
-           } else {
-               if (backendValue.IsInSubState)
-                   CheckBox.setStyleSheet("color: blue;");
-               else
-                   CheckBox.setStyleSheet("color: gray;");
-          }
-       }
+                else
+                    CheckBox.setStyleSheet("color: gray;");
+            } else {
+                if (backendValue != null && backendValue.isInSubState)
+                    CheckBox.setStyleSheet("color: #7799FF;");
+                else
+                    CheckBox.setStyleSheet("color: gray;");
+            }
+		}
    }
 }

share/qtcreator/qmldesigner/propertyeditor/Qt/DoubleSpinBox.qml

@@ -31,7 +31,7 @@ QWidget { //This is a special DoubleSpinBox that does color coding for states
                 DoubleSpinBox.setStyleSheet("color: gray;");
                 } else {
                 if (backendValue != null && backendValue.isInSubState)
-                DoubleSpinBox.setStyleSheet("color: blue;");
+                DoubleSpinBox.setStyleSheet("color: #7799FF;");
                 else
                 DoubleSpinBox.setStyleSheet("color: gray;");
                 }

share/qtcreator/qmldesigner/propertyeditor/Qt/SpinBox.qml

@@ -29,7 +29,7 @@ QWidget { //This is a special SpinBox that does color coding for states
                     SpinBox.setStyleSheet("color: gray;");
             } else {
                 if (backendValue != null && backendValue.isInSubState)
-                    SpinBox.setStyleSheet("color: blue;");
+                    SpinBox.setStyleSheet("color: #7799FF;");
                 else
                     SpinBox.setStyleSheet("color: gray;");
             }