Style fixing

MenuBackButton.qml

@@ -5,6 +5,10 @@ Item {
     signal clicked()
     signal back()
 
+    SystemPalette {
+        id: palette
+    }
+
     MouseArea {
         id: ma
 
@@ -19,6 +23,8 @@ Item {
         width: root.height
         height: root.height / 9
         antialiasing: true
+
+        color: palette.button
     }
 
     Rectangle {
@@ -28,6 +34,8 @@ Item {
         width: root.height
         height: root.height / 9
         antialiasing: true
+
+        color: palette.button
     }
 
     Rectangle {
@@ -37,6 +45,8 @@ Item {
         width: root.height
         height: root.height / 9
         antialiasing: true
+
+        color: palette.button
     }
 
     property int animationDuration: 450

SettingsForm.qml

@@ -11,7 +11,7 @@ Page {
 
         ListElement {
             name: "serviceUrl"
-            title: qsTr("NooLite service URL:")
+            title: qsTr("nooLite service URL:")
             inputHint: Qt.ImhUrlCharactersOnly
         }
     }
@@ -42,7 +42,7 @@ Page {
 
                 anchors.right: settingsItem.right
                 anchors.left: titleLabel.right
-                anchors.leftMargin: 8
+                anchors.leftMargin: 10
 
                 inputMethodHints: model.inputHint
 

qtquickcontrols2.conf

@@ -3,10 +3,11 @@
 ; http://doc.qt.io/qt-5/qtquickcontrols2-configuration.html
 
 [Controls]
-Style=Universal
+Style=Material
 
-[Universal]
+[Material]
 Theme=Dark
+Primary=#3C3C3C
 ;Accent=Steel
 ;Foreground=Brown
 ;Background=Steel