Prepare player and settings, create branding

QYRComponents/Button.qml

@@ -1,21 +1,24 @@
 import QtQuick 6.8
-import QtQuick.Controls 6.8 as QC
-import QtQuick.Controls.Basic as QC
+import QtQuick.Controls 6.8
+import QtQuick.Controls.Basic 6.8
 
-QC.Button {
-    // highlighted: true
-    background: Rectangle {
-        color: hovered ? Colors.primaryAlt : Colors.primary
-        radius: 5
-    }
-
-    // width: player.playing ? 60 : 56
+Button {
     implicitHeight: 36
 
+    contentItem: Text {
+        text: parent.text
+        font.family: Colors.fontFamily
+        font.pointSize: Colors.fontSize.base
+        opacity: enabled ? 1.0 : 0.3
+        color: Colors.text;
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        elide: Text.ElideRight
+    }
 
-    Component.onCompleted: {
-        contentItem.color = Colors.text;
-        font.family = Colors.fontFamily;
-        font.pointSize = Colors.fontSize.base;
+    background: Rectangle {
+        color: parent.hovered ? Colors.primaryAlt : Colors.primary
+        opacity: enabled ? 1 : 0.3
+        radius: 5
     }
 }