UI

ui/resources/assets/sass/_reset.scss

@@ -0,0 +1,46 @@
+*, *:before, *:after{
+    box-sizing: border-box;
+}
+
+html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video{
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    text-size-adjust: none;
+}
+
+footer, header, nav, section, main{
+    display: block;
+}
+
+body{
+    line-height: 1;
+}
+
+ol, ul{
+    list-style: none;
+}
+
+blockquote, q{
+    quotes: none;
+}
+
+blockquote:before, blockquote:after, q:before, q:after{
+    content: '';
+    content: none;
+}
+
+table{
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+input{
+    -webkit-appearance: none;
+    border-radius: 0;
+}

ui/resources/assets/sass/_variables.scss

@@ -0,0 +1,3 @@
+$page-background-color: rgb(20, 50, 20);
+$page-color: rgb(255, 255, 255);
+@text: $page-color;

ui/resources/assets/sass/main.scss

@@ -0,0 +1,12 @@
+@import "reset";
+@import "fomantic-ui-sass/src/build.scss";
+@import "variables";
+
+body {
+  //background-color: $page-background-color;
+  //color: $page-color !important;
+}
+
+a {
+  color: inherit;
+}