Configurações e Personalizações do Tema

Este documento detalha as configurações de cores do tema para o editor.

Configurações de Cores

Editor

• editor.background → Cor de fundo do editor.
• editor.foreground → Cor das letras do editor.
• editor.selectionBackground → Cor ao selecionar um trecho do código.

Terminal

• panel.background → Cor de fundo da parte superior do terminal.
• terminal.background → Cor de fundo do terminal integrado.
• terminal.foreground → Cor das letras do terminal integrado.

Barra Lateral

• sideBar.background → Cor de fundo da parte onde ficam os arquivos.
• sideBar.foreground → Cor das letras da parte onde ficam os arquivos.
• sideBarTitle.foreground → Cor do título da barra lateral.

Barra Superior

• titleBar.activeBackground → Cor de fundo da barra superior do VSCode.
• titleBar.activeForeground → Cor das letras da barra superior do VSCode.
• titleBar.inactiveBackground → Cor de fundo da barra superior quando a janela não está ativa.
• titleBar.inactiveForeground → Cor das letras da barra superior quando a janela não está ativa.
• titleBar.border → Cor da borda da barra superior.

Separadores de Arquivos

• tab.activeBackground → Cor de fundo da aba ativa.
• tab.activeForeground → Cor das letras da aba ativa.
• tab.inactiveBackground → Cor de fundo das abas inativas.
• tab.inactiveForeground → Cor das letras das abas inativas.

Barra de Atalhos

• activityBar.border → Cor da borda da barra onde ficam os atalhos.

Barra de Status

• statusBar.background → Cor de fundo da barra de status.
• statusBar.foreground → Cor das letras da barra de status.
• statusBar.noFolderBackground → Cor da barra de status quando nenhum projeto está aberto.
• statusBar.debuggingBackground → Cor da barra de status quando o modo de depuração está ativo.
• statusBar.debuggingForeground → Cor do texto da barra de status em modo de depuração.

Guias de Indentação

• editorIndentGuide.background1 → Cor da primeira guia de indentação em segundo plano.
• editorIndentGuide.background2 → Cor da segunda guia de indentação em segundo plano.
• editorIndentGuide.background3 → Cor da terceira guia de indentação em segundo plano.
• editorIndentGuide.background4 → Cor da quarta guia de indentação em segundo plano.
• editorIndentGuide.activeBackground1 → Cor da primeira guia de indentação quando ativa.
• editorIndentGuide.activeBackground2 → Cor da segunda guia de indentação quando ativa.
• editorIndentGuide.activeBackground3 → Cor da terceira guia de indentação quando ativa.
• editorIndentGuide.activeBackground4 → Cor da quarta guia de indentação quando ativa.

Cores dos Status no Git

Status	Cor	Hexadecimal	Atributo
Adicionado		#00ff44	"gitDecoration.addedResourceForeground": "#00ff44"
Modificado		#ffee00	"gitDecoration.modifiedResourceForeground": "#ffee00"
Deletado		#ff0000	"gitDecoration.deletedResourceForeground": "#ff0000"
Não Rastreado		#00a2ff	"gitDecoration.untrackedResourceForeground": "#00a2ff"
Ignorado		#7a7a7a	"gitDecoration.ignoredResourceForeground": "#7a7a7a"

Outras Configurações

• debugToolBar.background → Cor da barra de ferramentas de depuração.
• debugConsole.infoForeground → Cor dos textos informativos no console de depuração.
• debugConsole.warningForeground → Cor dos avisos no console de depuração.
• debugConsole.errorForeground → Cor dos erros no console de depuração.
• notification.background → Cor do fundo das notificações.
• notification.foreground → Cor do texto das notificações.
• notification.buttonBackground → Cor dos botões dentro das notificações.
• notification.buttonForeground → Cor do texto nos botões das notificações.
• notification.buttonHoverBackground → Cor do botão ao passar o mouse.
• editorBracketMatch.background → Cor do fundo quando um par de colchetes/chaves/parênteses corresponde.
• editorBracketMatch.border → Cor da borda ao redor de colchetes correspondentes.
• editorGutter.background → Cor de fundo do gutter (onde aparecem os números de linha).
• editorGutter.modifiedBackground → Cor da marcação para linhas modificadas no controle de versão.
• editorGutter.addedBackground → Cor da marcação para linhas adicionadas no controle de versão.
• editorGutter.deletedBackground → Cor da marcação para linhas deletadas no controle de versão.
• scrollbarSlider.background → Cor do controle deslizante da barra de rolagem.
• scrollbarSlider.hoverBackground → Cor do controle deslizante ao passar o mouse sobre ele.
• scrollbarSlider.activeBackground → Cor do controle deslizante quando está sendo arrastado.