undo awkward backgrounds, transparencies, etc. hope to sharpen up the active blocks and the grey/transparent backgrounds were getting in the way

src/app/app.less

@@ -17,12 +17,18 @@ body {
     font-size: 12px;
     font-weight: 300;
     line-height: 1.5;
-    background: @base-background-transparent;
+    background: black;
     color: @base-color;
 }
 
-body.is-dev {
-    background-color: @base-background-dev;
+body {
+    .sidebar {
+        background-color: @base-background;
+    }
+
+    &.is-dev .sidebar {
+        background-color: @base-background-dev;
+    }
 }
 
 textarea {

src/app/common/themes/themes.ts

@@ -9,7 +9,7 @@
 const themes = [
     {
         id: "default",
-        terminal: { foreground: "#eceeec", background: "rgba(21, 23, 21, 1)" },
+        terminal: { foreground: "#eceeec", background: "transparent" },
     },
 ];
 

src/app/line/line.less

@@ -8,8 +8,9 @@
     overflow: hidden;
     flex-shrink: 0;
     position: relative;
-    background: @base-background;
-    border: 1px solid transparent;
+    border: 1px solid transparent; // reserves space for border when not active
+    font-weight: normal;
+    font-family: var(--termfontfamily);
 
     &.line-cmd {
         flex-direction: column;
@@ -37,12 +38,10 @@
 
     &.selected {
         border: 1px solid rgba(@base-color, 0.8) !important;
-        box-shadow: 0px 0px 0.5px 0px rgba(255, 255, 255, 0.5) inset, 0px 0.5px 0px 0px rgba(255, 255, 255, 0.2) inset;
     }
 
     &.active {
         border: 1px solid rgba(@wave-green, 0.8) !important;
-        box-shadow: 0px 0px 0.5px 0px rgba(255, 255, 255, 0.5) inset, 0px 0.5px 0px 0px rgba(255, 255, 255, 0.2) inset;
     }
 
     .load-error-text {

src/app/workspace/workspace.less

@@ -8,7 +8,6 @@
     &.is-hidden {
         display: none;
     }
-    background: @background-session;
     border: 1px solid @base-border;
     border-radius: 8px;
     // transition: width 0.2s ease;