Merge pull request #2 from devzero-inc/lf-styles

Attempt to update the background color of the terminal
devzero-inc · Aug 31, 2022 · 2c51fba · 2c51fba
2 parents 8a00538 + a41bd99
commit 2c51fba
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/bindata/static/css/index.css b/bindata/static/css/index.css
@@ -1,5 +1,5 @@
 html, body, #terminal {
-    background: black;
+    background: #091a26;
     height: 100%;
     width: 100%;
     padding: 0%;
@@ -10,4 +10,4 @@ html, body, #terminal {
   transition: unset;
   transition-duration: 0.1s;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
+}
diff --git a/bindata/static/css/xterm.css b/bindata/static/css/xterm.css
@@ -78,7 +78,7 @@
 
 .xterm .composition-view {
     /* TODO: Composition position got messed up somewhere */
-    background: #000;
+    background: #091a26;
     color: #FFF;
     display: none;
     position: absolute;
@@ -92,7 +92,7 @@
 
 .xterm .xterm-viewport {
     /* On OS X this is required in order for the scroll bar to appear fully opaque */
-    background-color: #000;
+    background-color: #091a26;
     overflow-y: scroll;
     cursor: default;
     position: absolute;

diff --git a/js/src/xterm.tsx b/js/src/xterm.tsx
@@ -27,7 +27,11 @@ export class OurXterm {
 
     constructor(elem: HTMLElement) {
         this.elem = elem;
-        this.term = new Terminal();
+        this.term = new Terminal({
+          theme: {
+            background: '#091a26'
+          }
+        });
         this.fitAddOn = new FitAddon();
         this.zmodemAddon = new ZModemAddon({
             toTerminal: (x: Uint8Array) => this.term.write(x),