frontend: add theme + syntax hl

1 files changed, 8 insertions, 4 deletions

diff --git a/www/index.html b/www/index.html
index 55127df..81da9d9 100644
--- a/www/index.html
+++ b/www/index.html
@@ -5,6 +5,9 @@
     <title>CSTea</title>
   </head>
   <style>
+html, body {
+  margin: 0;
+}
 .grid-container {
   width: 100%;
   display: grid;
@@ -13,15 +16,17 @@
 .syntax-node {
   padding-left: 5px;
   margin-left: 20px;
-  border-left: 2px solid white;
+  border-left: 2px solid #2c313a;
 }
 .syntax-node:hover {
-  border-left: 2px solid #ccc;
+  border-left: 2px solid #545c69;
 }
 .syntax-err {
-  color: red;
+  color: #e06c75;
 }
 #cst, #source-code {
+  background-color: #2c313a;
+  color: #a3aab6;
   height: 100vh;
   overflow: scroll;
 }
@@ -38,6 +43,5 @@ pre {
       <div id="cst">
       </div>
     </div>
-    <!-- button id="gen-cst">Generate CST</button -->
   </body>
 </html>