Fix terminal colors on all themes

This commit is contained in:
Saoud Rizwan
2024-09-02 02:39:18 -04:00
parent 55a2466afe
commit eabb59842d

View File

@@ -276,14 +276,14 @@ const Terminal: React.FC<TerminalProps> = ({ output, handleSendStdin, shouldAllo
} }
.terminal-cursor { .terminal-cursor {
border: 1px solid var(--vscode-terminal-foreground); border: 1px solid var(--vscode-terminal-foreground, #FFFFFF);
position: absolute; position: absolute;
width: 4px; width: 4px;
margin-top: -0.5px; margin-top: -0.5px;
} }
.terminal-cursor-focused { .terminal-cursor-focused {
background-color: var(--vscode-terminal-foreground); background-color: var(--vscode-terminal-foreground, #FFFFFF);
animation: blink 1s step-end infinite; animation: blink 1s step-end infinite;
} }
@@ -308,7 +308,7 @@ const Terminal: React.FC<TerminalProps> = ({ output, handleSendStdin, shouldAllo
onBlur={() => setIsFocused(false)} onBlur={() => setIsFocused(false)}
className="terminal-textarea" className="terminal-textarea"
style={{ style={{
backgroundColor: "var(--vscode-terminal-background)", // backgroundColor: "var(--vscode-editor-background)", // NOTE: adding cursor ontop of this color wouldnt work on some themes
caretColor: "transparent", // Hide default caret caretColor: "transparent", // Hide default caret
color: "var(--vscode-terminal-foreground)", color: "var(--vscode-terminal-foreground)",
borderRadius: "3px", borderRadius: "3px",