Skip to content

Debug Console configuração visual

Jump to bottom
Alan Cândido edited this page Jun 19, 2019 · 2 revisions

Debug Console

A visão Debug Console pode ter o seu visual modificado através da seleção de temas (Ctrl+K Ctrl+T) e refinado através da configuração do arquivos settings.json da área de trabalho (workspace) ou do usuário (user), usando as identificações (chaves) de um terminal do tipo integrado (integrated-terminal). Todas as chaves podem reconhecidas podem ser vistas em Theme color: integrated-terminal-colors.

O TDS-VSCode usa as seguintes chaves para destacar algunas elementos:

  • terminal.ansiCyan, para destacar a hora da ocorrência
  • terminal.ansiGreen, para destacar informações (INFO)
  • terminal.ansiYellow, para destacar avisos (WARN)
  • terminal.ansiRed, para destacar erros (ERROR)
  • terminal.ansiBlack, para a mensagem

As demais chaves, são aplicadas conforme de acordo com uso do VSCode.

Exemplo de configuração

Na imagem abaxo, vemos o VSCode usando o tema Abyss e o texto fica ilegível.

Debug Console

Para ajustar o texto, adicionamos no arquivos settings.json:

{
    ...
    "workbench.colorCustomizations": {
        "terminal.ansiBlack": "#f09f9f",
        "[Abyss]": {
            "terminal.ansiBlack": "#cccccc"
        }
    }
    ...
}

E as mensagens passam a ficar visiveis.

Debug Console

Dica: Se passar o ponteiro do mouse sobre o código de cor, lhe será apresentado uma paleta para seleção da cor.

No exemplo acima, foi modificado para a cor salmão como padrão para todos os temas e um cinza claro quando o tema for Abyss. Você pode definir quantas configurações desejar para cada tema.

Debug Console

Clone this wiki locally