[new] It just worked

resources/static/css/style.css

@@ -52,22 +52,61 @@ body::after {
     color: #000 !important; 
 }
 
+.project-tab #tabs{
+    background: #007b5e;
+    border: 1px solid transparent;
+    color: #eee;
+}
+
+.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
+    color: #000;
+    /* background-color: transparent; */
+    /* border-color: transparent transparent #111; */
+    border: 1px solid;
+    border-top-left-radius: .25rem;
+    border-top-right-radius: .25rem;
+    /* border-bottom: 3px solid !important; */
+    font-weight: bold;
+}
+
+.project-tab .nav-link:hover {
+    border-color: #111;
+    color: #888;
+}
+
+.project-tab .nav-link {
+    border: 1px solid;
+    border-color: #bbb;
+    border-top-left-radius: .25rem;
+    border-top-right-radius: .25rem;
+    color: #BBB;
+    font-weight: 600;
+}
+
+
 #console-box {
     height: 50%;
 }
 
 #console {
     list-style: none;
-    -webkit-padding-start: 0;
-    -webkit-margin-after: 0;
-    -webkit-margin-before: 1em;
-    border: 1px solid #000;
     overflow-y: auto;
     width: 100%;
-    background: #333;
-    color: #fff;
     height: 200px;
     max-height: 200px;
+
+    font-family: "Ubuntu Mono", "Lucida Console";
+
+    padding-left: 15px;
+    padding-top: 15px;
+
+    border-top-right-radius: 1%;
+    border-top-left-radius: 1%;
+    border: 1px solid #000;
+    box-shadow: 0 0 10px rgba(0,0,0,0.3);
+
+    color: #AAA;
+    background: #333;
 }
 
 .box-shadow {