feat: add secondary button

AppSecondaryButton.qml

@@ -0,0 +1,22 @@
+import QtQuick
+import QtQuick.Controls.Basic
+import QtQuick.Controls.impl // Needed for features like the Control.blend() function
+import DesignSystem
+
+Button {
+    id: control
+    font.family: Fonts.dotrice
+    font.bold: false
+
+    background: Rectangle {
+        // NOTE: copied from ~/Qt/6.8.3/macos/qml/QtQuick/Controls/Basic/Button.qml
+        implicitWidth: 100
+        implicitHeight: 40
+        visible: !control.flat || control.down || control.checked || control.highlighted
+        color: control.down ? Theme.card : "transparent"
+        border.color: Theme.softBorder
+        border.width: 1
+        // custom
+        radius: Theme.radius
+    }
+}

CMakeLists.txt

@@ -13,6 +13,7 @@ set(plain_qml_files
   AppText.qml
   AppIcon.qml
   AppPrimaryButton.qml
+  AppSecondaryButton.qml
   AppCard.qml
   AppCaption.qml
   AppHeadline.qml

gallery/Main.qml

@@ -21,10 +21,17 @@ AppWindow {
 
       AppLogo {}
 
-      AppPrimaryButton {
+      Row {
-        text: "Toggle theme"
+        spacing: 5
-        onClicked: {
+
-          Theme.toggleTheme()
+        AppPrimaryButton {
+          text: "Toggle theme"
+          onClicked: {
+            Theme.toggleTheme()
+          }
+        }
+        AppSecondaryButton {
+          text: "Secondary button"
         }
       }
 
@@ -51,7 +58,7 @@ AppWindow {
 
       Switch {}
 
-      AppPrimaryButton {
+      AppSecondaryButton {
         text: "Open message dialog"
         onClicked: {
           messageDialog.open()