Experiment with Qt Quick 2 controls.

Menu.qml

@@ -1,5 +1,7 @@
 import QtQuick 2.0
 import QtMultimedia 5.8
+import QtQuick.Controls 2.2
+import QtQuick.Controls.Material 2.2
 
 Rectangle {
     anchors.fill: parent
@@ -43,12 +45,12 @@ Rectangle {
 
         MenuButton {
             buttonText: "Open Game"
-//            disabled: true
+            enabled: false
         }
 
         MenuButton {
             buttonText: "Save Game"
-//            disabled: true
+            enabled: false
             function actionOnClick() {
                 pingSound.seek(0)
                 pingSound.play()
@@ -70,6 +72,15 @@ Rectangle {
             buttonText: "Settings"
         }
 
+        Button {
+            anchors.horizontalCenter: parent.horizontalCenter
+            width: parent.width - 50
+            height: parent.parent.height * 0.1
+            text: "Quit"
+            onPressed: Qt.quit()
+            Material.accent: Material.Orange
+        }
+
         MenuButton {
             buttonText: "Quit"
             function actionOnClick() {

MenuButton.qml

@@ -6,8 +6,8 @@ Rectangle {
 
     property color backgroundAtRest: "#9e9e9e"
     property color backgroundActive: "#555555"
-
     property string buttonText: "Button"
+    property bool enabled: true
 
     function actionOnClick() { }
 
@@ -17,7 +17,12 @@ Rectangle {
     height: parent.parent.height * 0.1
     radius: 10
     
-    color: backgroundAtRest
+    color: {
+        if (enabled)
+            backgroundActive
+        else
+            backgroundAtRest
+    }
     
     border.color: "#333333"
     border.width: 2

justcheckers.pro

@@ -1,4 +1,4 @@
-QT += quick multimedia multimediawidgets
+QT += quick multimedia multimediawidgets svg quickcontrols2
 CONFIG += c++11
 
 # The following define makes your compiler emit warnings if you use
@@ -22,6 +22,8 @@ QML_IMPORT_PATH =
 # Additional import path used to resolve QML modules just for Qt Quick Designer
 QML_DESIGNER_IMPORT_PATH =
 
+QT_QUICK_CONTROLS_STYLE=universal
+
 # Default rules for deployment.
 qnx: target.path = /tmp/$${TARGET}/bin
 else: unix:!android: target.path = /opt/$${TARGET}/bin

main.qml

@@ -1,7 +1,8 @@
 import QtQuick 2.9
-import QtQuick.Window 2.2
+import QtQuick.Controls 2.1
 
-Window {
+
+ApplicationWindow {
 
     id: mainWindow
     property var appVersion: "0.4.0"

qml.qrc

@@ -16,5 +16,6 @@
         <file>images/splash.jpg</file>
         <file>MenuButton.qml</file>
         <file>assets/ping.wav</file>
+        <file>qtquickcontrols2.conf</file>
     </qresource>
 </RCC>

qtquickcontrols2.conf

@@ -0,0 +1,9 @@
+[Controls]
+Style=Material
+
+[Material]
+Theme=Dark
+
+[Material\Font]
+Family=Open Sans
+PixelSize=32