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>

8 files changed, 8 insertions, 0 deletions

diff --git a/mobile-widgets/qml/About.qml b/mobile-widgets/qml/About.qml
index 685cc1a9e..212ff5c6b 100644
--- a/mobile-widgets/qml/About.qml
+++ b/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
diff --git a/mobile-widgets/qml/DiveDetails.qml b/mobile-widgets/qml/DiveDetails.qml
index 2b796bb14..5ab1f627d 100644
--- a/mobile-widgets/qml/DiveDetails.qml
+++ b/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 {
diff --git a/mobile-widgets/qml/DownloadFromDiveComputer.qml b/mobile-widgets/qml/DownloadFromDiveComputer.qml
index 426b9b8ab..6567f0983 100644
--- a/mobile-widgets/qml/DownloadFromDiveComputer.qml
+++ b/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
diff --git a/mobile-widgets/qml/GpsList.qml b/mobile-widgets/qml/GpsList.qml
index 8db0566cc..51025299f 100644
--- a/mobile-widgets/qml/GpsList.qml
+++ b/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
diff --git a/mobile-widgets/qml/Log.qml b/mobile-widgets/qml/Log.qml
index f784ce3cf..0077680c4 100644
--- a/mobile-widgets/qml/Log.qml
+++ b/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
diff --git a/mobile-widgets/qml/Settings.qml b/mobile-widgets/qml/Settings.qml
index a0efe712b..6f1ad3486 100644
--- a/mobile-widgets/qml/Settings.qml
+++ b/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"),
diff --git a/mobile-widgets/qml/StartPage.qml b/mobile-widgets/qml/StartPage.qml
index dab643ea7..bc136f4f0 100644
--- a/mobile-widgets/qml/StartPage.qml
+++ b/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() }
 
diff --git a/mobile-widgets/qml/ThemeTest.qml b/mobile-widgets/qml/ThemeTest.qml
index 0379cbfa5..a5327c058 100644
--- a/mobile-widgets/qml/ThemeTest.qml
+++ b/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