Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

VS Code terminal (selected) text background color

Working with VS code's terminal is just fine but somehow (all) text is hardly readable without peeking my nose to the screen. Anybody knows a setting to change this?

that blue blackground is very annoying

EDIT This isn't like this question because that deals with the overall theming of VS Code instead of purely the colors in the terminal window. Although a link in a comment seems to point out that it is no longer possible to style the terminal colors "outside of an applied theme..."?!

Still no luck...

enter image description here

like image 843
Bernoulli IT Avatar asked Feb 22 '18 10:02

Bernoulli IT


People also ask

How do I change the terminal background in VSCode?

VSCode comes with in-built color themes which can be used to change the colors of the editor and the terminal. For changing the color theme press Ctrl + K + T in windows/ubuntu or CMD + K + T on mac.

How do you highlight text in VSCode?

On windows hold down Ctrl + Shift and on mac Command + Shift, then press the key P.


2 Answers

"terminal.selectionBackground": #ffee7f6e is the setting used to control the highlight color for the vscode built in terminal. There is no foreground option so you'll need to use a value with some opacity.

Example settings.json

{
    "workbench.colorCustomizations": {
        "terminal.selectionBackground": "#ffee7f6e"
    }
}
like image 174
okor Avatar answered Oct 05 '22 22:10

okor


Use these options inside workbench.colorCustomizations:

"terminal.foreground": "#ffffff",
"terminal.ansiBlack": "#000000",
"terminal.ansiRed": "#c23621",
"terminal.ansiGreen": "#25bc24",
"terminal.ansiYellow": "#adad27",
"terminal.ansiBlue": "#492ee1",
"terminal.ansiMagenta": "#d338d3",
"terminal.ansiCyan": "#33bbc8",
"terminal.ansiWhite": "#cbcccd",
"terminal.ansiBrightBlack": "#818383",
"terminal.ansiBrightRed": "#fc391f",
"terminal.ansiBrightGreen": "#31e722",
"terminal.ansiBrightYellow": "#eaec23",
"terminal.ansiBrightBlue": "#5833ff",
"terminal.ansiBrightMagenta": "#f935f8",
"terminal.ansiBrightCyan": "#14f0f0",
"terminal.ansiBrightWhite": "#e9ebeb",

HERE is more info about color customization in Visual Studio Code.

You should avoid using any background settings as they interfere with some theme's background settings for terminal panel (VSCode 1.21.1).

like image 43
Sharak Avatar answered Oct 06 '22 00:10

Sharak