summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--qt-mobile/main.qml34
-rw-r--r--qt-mobile/theme/Theme.qml3
-rw-r--r--qt-mobile/theme/Units.qml1
3 files changed, 19 insertions, 19 deletions
diff --git a/qt-mobile/main.qml b/qt-mobile/main.qml
index 00ab008d3..34817e998 100644
--- a/qt-mobile/main.qml
+++ b/qt-mobile/main.qml
@@ -86,43 +86,39 @@ ApplicationWindow {
ColumnLayout {
id: awLayout
anchors.fill: parent
- spacing: 8
+ spacing: units.gridUnit / 2
Rectangle {
id: topPart
- color: "#2C4882"
- Layout.minimumHeight: prefsButton.height * 1.2
+ color: theme.accentColor
+ Layout.minimumHeight: units.gridUnit * 2 + units.spacing * 2
Layout.fillWidth: true
- anchors.bottom: detailsPage.top
- anchors.bottomMargin: prefsButton.height * 0.1
Layout.margins: 0
RowLayout {
anchors.bottom: topPart.bottom
- anchors.bottomMargin: prefsButton.height * 0.1
+ anchors.bottomMargin: units.spacing
anchors.left: topPart.left
- anchors.leftMargin: prefsButton.height * 0.1
+ anchors.leftMargin: units.spacing
anchors.right: topPart.right
- anchors.rightMargin: prefsButton.height * 0.1
+ anchors.rightMargin: units.spacing
Text {
text: qsTr("Subsurface mobile")
font.pointSize: 18
- font.bold: true
- color: "white"
- anchors.horizontalCenter: parent.horizontalCenter
- horizontalAlignment: Text.AlignHCenter
+ color: theme.accentTextColor
}
Button {
id: prefsButton
text: "\u22ee"
anchors.right: parent.right
- Layout.preferredWidth: Screen.width * 0.1
+ Layout.preferredWidth: units.gridUnit * 2
+ Layout.preferredHeight: units.gridUnit * 2
style: ButtonStyle {
background: Rectangle {
- implicitWidth: 50
- color: "#2C4882"
+ implicitWidth: units.gridUnit * 2
+ color: theme.accentColor
}
label: Text {
id: txt
- color: "white"
+ color: theme.accentTextColor
font.pointSize: 18
font.bold: true
text: control.text
@@ -146,7 +142,7 @@ ApplicationWindow {
DiveList {
anchors.fill: detailsPage
id: diveDetails
- color: "#2C4882"
+ color: theme.backgroundColor
}
}
@@ -157,9 +153,9 @@ ApplicationWindow {
Text {
id: message
- color: "#000000"
+ color: theme.textColor
text: ""
- styleColor: "#ff0000"
+ styleColor: theme.textColor
font.pointSize: 10
}
}
diff --git a/qt-mobile/theme/Theme.qml b/qt-mobile/theme/Theme.qml
index 5eed83fe8..021b2f2aa 100644
--- a/qt-mobile/theme/Theme.qml
+++ b/qt-mobile/theme/Theme.qml
@@ -1,7 +1,10 @@
import QtQuick 2.3
QtObject {
+ property color accentColor: "#114d6f"
+ property color accentTextColor: "#ececec"
property color textColor: "#333333"
property color backgroundColor: "#ececec"
property color highlightColor: "#91c4e1"
+ property color highlightTextColor: "#333333"
} \ No newline at end of file
diff --git a/qt-mobile/theme/Units.qml b/qt-mobile/theme/Units.qml
index 73ee3f8cf..6b477b089 100644
--- a/qt-mobile/theme/Units.qml
+++ b/qt-mobile/theme/Units.qml
@@ -2,4 +2,5 @@ import QtQuick 2.3
QtObject {
property int gridUnit: 24
+ property int spacing: gridUnit / 3
} \ No newline at end of file