diff --git a/qt-mobile/main.qml b/qt-mobile/main.qml
index b249a333a..00ab008d3 100644
--- a/qt-mobile/main.qml
+++ b/qt-mobile/main.qml
@@ -6,6 +6,8 @@ import QtQuick.Dialogs 1.2
 import QtQuick.Layouts 1.1
 import QtQuick.Window 2.2
 import org.subsurfacedivelog.mobile 1.0
+import "qrc:/qml/theme" as Theme
+
 
 ApplicationWindow {
 	title: qsTr("Subsurface mobile")
@@ -13,6 +15,14 @@ ApplicationWindow {
 	property alias messageText: message.text
 	visible: true
 
+	Theme.Units {
+		id: units
+	}
+
+	Theme.Theme {
+		id: theme
+	}
+
 	Menu {
 		id: prefsMenu
 		title: "Menu"
@@ -181,4 +191,10 @@ ApplicationWindow {
 		id: logWindow
 		visible: false
 	}
+
+	Component.onCompleted: {
+		print("main.qml laoded.");
+		print("gridUnit is: " + units.gridUnit);
+		print("hightlight : " + theme.highlightColor);
+	}
 }
diff --git a/qt-mobile/mobile-resources.qrc b/qt-mobile/mobile-resources.qrc
index cb31d7ea1..93cda6dc9 100644
--- a/qt-mobile/mobile-resources.qrc
+++ b/qt-mobile/mobile-resources.qrc
@@ -9,4 +9,8 @@
         <file>Log.qml</file>
         <file>TopBar.qml</file>
     </qresource>
+    <qresource prefix="/qml/theme">
+        <file alias="Theme.qml">theme/Theme.qml</file>
+        <file alias="Units.qml" >theme/Units.qml</file>
+    </qresource>
 </RCC>
diff --git a/qt-mobile/theme/Theme.qml b/qt-mobile/theme/Theme.qml
new file mode 100644
index 000000000..5eed83fe8
--- /dev/null
+++ b/qt-mobile/theme/Theme.qml
@@ -0,0 +1,7 @@
+import QtQuick 2.3
+
+QtObject {
+	property color textColor: "#333333"
+	property color backgroundColor: "#ececec"
+	property color highlightColor: "#91c4e1"
+}
\ No newline at end of file
diff --git a/qt-mobile/theme/Units.qml b/qt-mobile/theme/Units.qml
new file mode 100644
index 000000000..73ee3f8cf
--- /dev/null
+++ b/qt-mobile/theme/Units.qml
@@ -0,0 +1,5 @@
+import QtQuick 2.3
+
+QtObject {
+	property int gridUnit: 24
+}
\ No newline at end of file