added theme and gradients and stuff

outputframe-app/app.less

@@ -1,8 +1,11 @@
+@import url('../shared/theme.less');
+
 html, body {
     margin: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
+    color: @draw-color-white;
 }
 
 *, *::before, *::after {
@@ -10,14 +13,12 @@ html, body {
 }
 
 body {
-    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
-    margin: 10px;
-    background-color: #f0f0f0;
+    font-family: @primary-font-family;
+    padding: 10px;
 }
 
 @media (prefers-color-scheme: dark) {
     body {
-        background-color: #272727;
-        color: white;
+        color: @draw-color-dark;
     }
 }