2 files changed, 57 insertions, 0 deletions

diff --git a/components/theme/contents/ui/Colors.qml b/components/theme/contents/ui/Colors.qml
new file mode 100644
index 00000000..8191c9a8
--- /dev/null
+++ b/components/theme/contents/ui/Colors.qml
@@ -0,0 +1,34 @@
+/*
+  Copyright (C) 2017 Michael Bohlender, <bohlender@kolabsys.com>
+
+  This program is free software; you can redistribute it and/or modify
+  it under the terms of the GNU General Public License as published by
+  the Free Software Foundation; either version 2 of the License, or
+  (at your option) any later version.
+
+  This program is distributed in the hope that it will be useful,
+  but WITHOUT ANY WARRANTY; without even the implied warranty of
+  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+  GNU General Public License for more details.
+
+  You should have received a copy of the GNU General Public License along
+  with this program; if not, write to the Free Software Foundation, Inc.,
+  51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+*/
+
+pragma Singleton
+
+import QtQuick 2.7
+
+Item {
+    property string textColor: "#31363b"
+    property string disabledTextColor: "#7f8c8d"
+    property string backgroundColor: "#eff0f1"
+    property string viewBackgroundColor: "#fcfcfc"
+    property string highlightColor: "#3daee9"
+
+//     property string positveColor: ""
+//     property string warningColor: ""
+//     property string negativeColor: ""
+}
+
diff --git a/components/theme/contents/ui/main.qml b/components/theme/contents/ui/main.qml
new file mode 100644
index 00000000..c3c7ac8f
--- /dev/null
+++ b/components/theme/contents/ui/main.qml
@@ -0,0 +1,23 @@
+
+import QtQuick 2.7
+import QtQuick.Layouts 1.2
+
+import org.kube.components.theme 1.0 as KubeTheme
+
+Item {
+    height: 200
+    width: 200
+
+    RowLayout {
+
+        anchors.fill: parent
+
+        Rectangle {
+
+            height: 50
+            width: 50
+
+            color: KubeTheme.Colors.text
+        }
+    }
+}