diff --git a/share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/TextSpecifics.qml b/share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/TextSpecifics.qml
index fc21545d9787615b87961a941fa6de035c911248..bb28928324f0736387d084b35dcb454e3b413552 100644
--- a/share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/TextSpecifics.qml
+++ b/share/qtcreator/qmldesigner/propertyEditorQmlSources/QtQuick/TextSpecifics.qml
@@ -39,26 +39,28 @@ Column {
     Section {
         anchors.left: parent.left
         anchors.right: parent.right
-        caption: "Color"
-        GridLayout {
-            columns: 2
-            rows: 2
-            Label {
-                text: "Text"
-            }
-            LineEdit {
-                backendValue: backendValues.color
-            }
-            Label {
-                text: "style"
-            }
-            LineEdit {
-                backendValue: backendValues.styleColor
-            }
+        caption: qsTr("Text Color")
+
+        ColorEditor {
+            caption: qsTr(" Text Color")
+            backendendValue: backendValues.color
+            supportGradient: true
         }
 
     }
 
+    Section {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        caption: qsTr("Style Color")
+
+        ColorEditor {
+            caption: qsTr("Style Color")
+            backendendValue:  backendValues.styleColor
+            supportGradient: false
+        }
+    }
+
    StandardTextSection {
        useLineEdit: true
        showIsWrapping: true