added theme and gradients and stuff

shared/less-theme-to-obj.ts

@@ -0,0 +1,17 @@
+
+import themeLess from '!!raw-loader!./theme.less';
+
+export function getLessThemeObj(): any {
+    var result: any = {};
+    var lines = themeLess.split(";");
+
+    for (let i = 0; i < lines.length; i++) {
+        const line = lines[i].trim();
+        var keyValPair = line.split(':');
+
+        if (keyValPair[0] && keyValPair[1])
+            result[keyValPair[0].trim()] = keyValPair[1].trim();
+    }
+
+    return result;
+}

shared/theme.less

@@ -0,0 +1,17 @@
+@primary-bg-color-dark: #2e2e2e;
+@primary-border-color-dark: #292929;
+@primary-text-color-dark: white;
+@primary-interaction-highlight-dark: #385e8f;
+@editor-bg-dark: #1e1e1e;
+@median-bg-dark: #262626; 
+@draw-color-dark: #dbdbdb;
+
+@primary-bg-color-white: #e3e3e3;
+@primary-border-color-white: #c2c2c2;
+@primary-text-color-white: black;
+@primary-interaction-highlight-white: #7274b6;
+@editor-bg-white: #fffffe;
+@median-bg-white: #f0f0f0;
+@draw-color-white: #474747;
+
+@primary-font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;