Mobile QML UI: fix background colors

For some reason, after the update of the main.qml to version 2.2,
all Kirigami Pages and scrollablePages show up plain white.

So now, set a proper background for these pages.

Signed-off-by: Jan Mulder <jlmulder@xs4all.nl>

mobile-widgets/qml/About.qml

@@ -8,6 +8,7 @@ Kirigami.ScrollablePage {
 	id: aboutPage
 	property int pageWidth: aboutPage.width - aboutPage.leftPadding - aboutPage.rightPadding
 	title: qsTr("About Subsurface-mobile")
+	background: Rectangle { color: subsurfaceTheme.backgroundColor }
 
 	ColumnLayout {
 		spacing: Kirigami.Units.largeSpacing

mobile-widgets/qml/DiveDetails.qml

@@ -49,6 +49,7 @@ Kirigami.Page {
 	topPadding: Kirigami.Units.gridUnit * 2 // make room for the title bar
 	rightPadding: 0
 	bottomPadding: 0
+	background: Rectangle { color: subsurfaceTheme.backgroundColor }
 
 	states: [
 		State {

mobile-widgets/qml/DownloadFromDiveComputer.qml

@@ -14,6 +14,7 @@ Kirigami.Page {
 	height: parent.height
 	Layout.fillWidth: true;
 	title: qsTr("Dive Computer")
+	background: Rectangle { color: subsurfaceTheme.backgroundColor }
 
 	property alias dcImportModel: importModel
 	property bool divesDownloaded: false

mobile-widgets/qml/GpsList.qml

@@ -12,6 +12,7 @@ Kirigami.ScrollablePage {
 	id: gpsListWindow
 	objectName: "gpsList"
 	title: qsTr("GPS Fixes")
+	background: Rectangle { color: subsurfaceTheme.backgroundColor }
 
 	Component {
 		id: gpsDelegate

mobile-widgets/qml/Log.qml

@@ -14,6 +14,7 @@ Kirigami.ScrollablePage {
 	anchors.margins: Kirigami.Units.gridUnit / 2
 	objectName: "Log"
 	title: qsTr("Application Log")
+	background: Rectangle { color: subsurfaceTheme.backgroundColor }
 
 	ListView {
 		anchors.fill: parent

mobile-widgets/qml/Settings.qml

@@ -11,6 +11,7 @@ Kirigami.ScrollablePage {
 	objectName: "Settings"
 	id: settingsPage
 	title: qsTr("Settings")
+	background: Rectangle { color: subsurfaceTheme.backgroundColor }
 
 	property real gridWidth: settingsPage.width - Kirigami.Units.gridUnit
 	property var describe: [qsTr("Undefined"),

mobile-widgets/qml/StartPage.qml

@@ -8,6 +8,7 @@ import org.subsurfacedivelog.mobile 1.0
 
 Kirigami.ScrollablePage {
 	id: startpage
+	background: Rectangle { color: subsurfaceTheme.backgroundColor }
 
 	function saveCredentials() { cloudCredentials.saveCredentials() }
 

mobile-widgets/qml/ThemeTest.qml

@@ -8,6 +8,7 @@ import org.kde.kirigami 2.2 as Kirigami
 Kirigami.Page {
 
 	title: "Theme Information"
+	background: Rectangle { color: subsurfaceTheme.backgroundColor }
 
 	GridLayout {
 		id: themetest