Tema de cores para terminal integrado VS Code


Respostas:


184

Você pode modificar suas configurações de usuário e editar cada cor individualmente, adicionando o seguinte às configurações de usuário.

  1. Abra as configurações do usuário (ctrl + , )
  2. Pesquise workbenche selecione Edit in settings.jsonemColor Customizations
"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

Para mais informações sobre quais cores você pode editar, você pode descobrir aqui .


2
Atualmente está funcionando para mim, minha versão do VSCode é 1.17.2 (que é a mais recente)
Zrag123

1
Você está certo. Ímpar. Disseram que foi removido, mas está lá. Apenas tentei sozinho e funcionou. Fiquei desapontado porque eles disseram que ele foi removido. Fico feliz em ver que não é o caso.
Mark A. Donohoe

2
Isso funciona corretamente! Eu também quero aprender como obter cores de contraste no terminal!
habitual

3
Ainda funciona a partir de 1.24.0. Acho que parte da confusão é que você não pode pesquisar terminal.backgroundnas configurações ( 'workbench.colorCustomizations': {}é o padrão), então parece que falta um recurso à primeira vista.
Jim K.

1
Agosto de 2019, perfeito. Obrigado!
Bob Denny

31

O VSCode vem com temas de cores embutidos que podem ser usados ​​para alterar as cores do editor e do terminal.

  • Para alterar o tema de cores, pressione ctrl+k+tno windows / ubuntu ou cmd+k+tno mac.
  • Alternativamente, você pode abrir a paleta de comandos pressionando ctrl+shift+pem windows / ubuntu ou cmd+shift+pno mac e digite color. Selecione uma preferences: color themedas opções para selecionar sua cor favorita.
  • Você também pode instalar mais temas a partir do menu de extensões na barra esquerda. apenas procurecategory:themes para instalar seus temas favoritos. (Se você precisar classificar os temas por pesquisa de instalações category:themes @sort:installs)

Editar - para editar cores manualmente no terminal

A equipe VSCode removeu a personalização de cores da página de configurações do usuário. Atualmente, usar os temas é a única maneira de personalizar as cores do terminal no VSCode. Para obter mais informações, consulte o problema # 6766


18
Obrigado por sua resposta, mas os temas globais têm impacto mínimo na janela do terminal, afetando apenas as cores de fundo e de primeiro plano em um sentido muito amplo. OP e eu queríamos colorir o prompt, o comando de entrada e a saída independentemente, não apenas mudar entre branco sobre preto e preto sobre branco. Sabe como obter mais controle sobre as cores do texto do terminal?
kjhughes de

1
Parece que eles removeram a personalização de cores da página de configurações do usuário. Atualmente, usar os temas parece ser a única maneira de personalizar as cores do terminal no VSCode. confira github.com/Microsoft/vscode/issues/6766
Dani Akash

É uma pena que a resposta pareça ser que não há suporte no momento, mas é útil saber mesmo assim. Vou atribuir a você a recompensa. Obrigado por rastrear isso.
kjhughes

1
Pelo que eu posso dizer, ele ainda está lá para personalizar a partir das configurações. Abra as configurações e procure por 'workbench.colorCustomizations'
Mark A. Donohoe

1
Isso é para mudar o tema de cor global e não afeta o terminal integrado
Akh

19

Adicionar workbench.colorCustomizationsàs configurações do usuário

"workbench.colorCustomizations": {
  "terminal.background":"#FEFBEC",
  "terminal.foreground":"#6E6B5E",
  ...
}

Verifique https://glitchbone.github.io/vscode-base16-term para algumas predefinições.


3
o site de predefinições interativas é um recurso fantástico
mdisibio

16

No caso de você ser exigente com cores, use este código para personalizar cada segmento.

Etapa 1: Windows: abra as configurações do usuário (ctrl +,) Mac: Command + Shift + P

Etapa 2: Pesquise "workbench: color customizations" e selecione Edit em settings.json. Pagine o código a seguir dentro do {} existente e personalize-o como desejar.

"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.ansiCyan":"#8BA59B",
    "terminal.ansiGreen":"#95C085",
    "terminal.ansiMagenta":"#8F4673",
    "terminal.ansiRed":"#FB543F",
    "terminal.ansiWhite":"#A89984",
    "terminal.ansiYellow":"#FAC03B"
  }

1
Obrigado! Está faltando o azul: por exemplo"terminal.ansiBlue":"#00a1f9"
Panagiotis Panagi

2

As melhores cores que encontrei - que além de serem lindas, também são muito fáceis de olhar e não fervem meus olhos - são as que encontrei listadas neste repositório GitHub: VSCode Snazzy

Instalação muito fácil :

Copie o conteúdo de snazzy.json em seu arquivo "settings.json" do VS Code.

(Caso você não saiba como abrir o arquivo "settings.json", primeiro pressione Ctrl + Shift + P e depois escreva Preferências: abrir configurações (JSON) e pressione Enter).


Aviso : para aqueles que experimentaram o ColorTool e ele funciona fora do VSCode, mas não dentro do VSCode, você não cometeu nenhum erro ao implementá-lo, isso é apenas uma decisão dos desenvolvedores do VSCode para que o terminal do VSCode seja colorido de forma independente.


0

Simplesmente. Você pode ir para a opção 'Arquivo -> Preferências -> Tema de cores' no Visual Studio e alterar a cor de sua escolha.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.