Add ColorButton component

Author: adazem009

src/uicomponents/CMakeLists.txt

@@ -4,6 +4,7 @@ set(MODULE_QML_FILES
     CustomButton.qml
     CustomToolButton.qml
     AccentButton.qml
+    ColorButton.qml
     HoverToolTip.qml
     CustomMenuBar.qml
     CustomMenu.qml

src/uicomponents/ColorButton.qml

@@ -0,0 +1,31 @@
+// SPDX-License-Identifier: GPL-3.0-or-later
+
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Controls.Material
+import ScratchCPP.Ui
+
+RoundButton {
+	property color color: Material.background
+	id: control
+	onColorChanged: Material.background = color
+
+	Rectangle {
+		width: control.background.width
+		height: control.background.height
+		anchors.centerIn: parent
+		radius: width / 2
+		color: Qt.rgba(0, 0, 0, 0)
+		border.color: ThemeEngine.borderColor
+	}
+
+	Rectangle {
+		visible: control.checked
+		width: control.background.width + 6
+		height: control.background.height + 6
+		anchors.centerIn: parent
+		radius: width / 2
+		color: Qt.rgba(0, 0, 0, 0)
+		border.color: ThemeEngine.foregroundColor
+	}
+}