Color theme for VS Code integrated terminal
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.
- Alternatively you can open command palette by pressing Ctrl+Shift+P in windows/ubuntu or CMD+Shift+P on mac and type
color
. Selectpreferences: color theme
from the options, to select your favourite color. - You can also install more themes from the extensions menu on the left bar. just search
category:themes
to install your favourite themes. (If you need to sort the themes by installs searchcategory:themes @sort:installs
)
Edit - for manually editing colors in terminal
VSCode team have removed customizing colors from user settings page. Currently using the themes is the only way to customize terminal colors in VSCode. For more information check out issue #6766
You can actually modify your user settings and edit each colour individually by adding the following to the user settings.
- Open user settings (Ctrl+,)
- Search for
workbench
and selectEdit in settings.json
underColor Customizations
"workbench.colorCustomizations" : {
"terminal.foreground" : "#00FD61",
"terminal.background" : "#383737"
}
For more on what colors you can edit you can find out here.
In case you are color picky, use this code to customize every segment.
Step 1:
Open user settings
Windows: Ctrl+,
Mac: CMD+Shift+P
Step 2: Search for "workbench: color customizations" and select Edit in settings.json. Page the following code inside existing {} and customize as you like.
"workbench.colorCustomizations": {
"terminal.background":"#131212",
"terminal.foreground":"#dddad6",
"terminal.ansiBlack":"#1D2021",
"terminal.ansiBrightBlack":"#665C54",
"terminal.ansiBrightBlue":"#0D6678",
"terminal.ansiBrightCyan":"#8BA59B",
"terminal.ansiBrightGreen":"#237e02",
"terminal.ansiBrightMagenta":"#8F4673",
"terminal.ansiBrightRed":"#FB543F",
"terminal.ansiBrightWhite":"#FDF4C1",
"terminal.ansiBrightYellow":"#FAC03B",
"terminal.ansiBlue":"#00a1f9",
"terminal.ansiCyan":"#8BA59B",
"terminal.ansiGreen":"#95C085",
"terminal.ansiMagenta":"#8F4673",
"terminal.ansiRed":"#FB543F",
"terminal.ansiWhite":"#A89984",
"terminal.ansiYellow":"#FAC03B"
},
Add workbench.colorCustomizations
to user settings
"workbench.colorCustomizations": {
"terminal.background":"#FEFBEC",
"terminal.foreground":"#6E6B5E",
...
}
Check https://glitchbone.github.io/vscode-base16-term for some presets.