fix: color picker now works as expected

package/contents/ui/ColorField.qml

@@ -2,30 +2,24 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Dialogs
+import org.kde.kirigami 2.4 as Kirigami
+import org.kde.kquickcontrols 2.0 as KQControls
 
 RowLayout {
     id: colorfield
     property alias text: label.text
-    property alias color: rect.color
-    
+    property alias color: colorbutton.color
+
     Label {
         id: label
     }
-    Button {
-        id: button
-        padding: 5
-        contentItem: Rectangle {
-            id: rect
-        }
-        onClicked: {
-            dialog.open()
-        }
-    }
-    ColorDialog {
-        id: dialog
-        title: "Select a color"
+    KQControls.ColorButton {
+        id: colorbutton
+        color: root.color
+        showAlphaChannel: false
+
         onAccepted: {
-            colorfield.color = dialog.color
+            colorfield.color = color
         }
     }
 }