frontend ui enhacements

src/App.vue

@@ -25,11 +25,11 @@
   }
 
   #app {
+    font-family: "SF Pro Text";
+
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 
-    color: #2c3e50;
-
     height: 100vh;
     width: 100vw;
 
@@ -43,15 +43,15 @@
     width: 100vw;
     height: 54px;
 
+    opacity: 0.75;
+
+    background-color: #EBEBEB;
+
     -webkit-user-select: none;
     -webkit-app-region: drag;
 
-    background-color: red;
-
-    opacity: 0.0;
-
     border: none;
-    outline:none;
+    outline: none;
 
   }