fix: fix white bg issue on terminal

x1unix · Jul 19, 2024 · 00a3e06 · 00a3e06
1 parent 90a1a2b
commit 00a3e06
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/web/src/components/features/inspector/Console/Console.css b/web/src/components/features/inspector/Console/Console.css
@@ -11,6 +11,11 @@
   inset: 0;
 }
 
+/** Fix white background in viewport **/
+.app-Console__xterm .xterm-screen {
+  background: var(--terminal-bg);
+}
+
 .app-Console .terminal > * {
   padding: 0 var(--terminal-padding-x);
 }

diff --git a/web/src/components/features/inspector/Console/Console.tsx b/web/src/components/features/inspector/Console/Console.tsx
@@ -226,7 +226,7 @@ export const Console: React.FC<Props> = ({ fontFamily, fontSize, status, backend
   }, [terminal?.textarea, setIsFocused])
 
   return (
-    <div className="app-Console">
+    <div className="app-Console" style={{ '--terminal-bg': theme.background } as any}>
       <CopyButton hidden={!isFocused} onClick={copySelection} />
       <XTerm
         ref={xtermRef}