added theme and gradients and stuff

codeeditor-app/app.less

@@ -1,8 +1,11 @@
+@import url('../shared/theme.less');
+
 html, body {
     margin: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
+    background: @median-bg-white;
 }
 
 .flex-horiz {
@@ -46,41 +49,41 @@ html, body {
 }
 
 body {
-    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
+    font-family: @primary-font-family;
 }
 
 .section {
-    background: #e3e3e3; 
-    padding: 20px; 
-    font-size: 22px;
+    background: @primary-bg-color-white; 
+    padding: 10px; 
+    font-size: 18px;
 }
 
 .section.top {
-    border-bottom: 1px solid #c2c2c2;
+    border-bottom: 1px solid @primary-border-color-white;
 }
 
 .section.bottom {
     padding: 10px;
-    border-top: 1px solid #c2c2c2;
-    font-size: 14px;
+    border-top: 1px solid @primary-border-color-white;
+    font-size: 10px;
     text-align: right;
 }
 
 @media (prefers-color-scheme: dark) {
     body {
-        background: #1e1e1e;
+        background: @median-bg-dark;
     }
 
     .section {
-        color: white;
-        background: #2e2e2e; 
+        color: @primary-text-color-dark;
+        background: @primary-bg-color-dark; 
     }
 
     .section.top {
-        border-color: #292929;
+        border-color: @primary-border-color-dark;
     }
     
     .section.bottom {
-        border-color: #292929;
+        border-color: @primary-bg-color-dark;
     }
 }