Cores do Visual Studio Code

Análise completa da paleta de cores e temas do editor

Estatísticas de Cores

30+
Cores de sintaxe principais
50+
Cores da interface (UI)
10
Temas escuros padrão
1000+
Temas disponíveis no marketplace

Cores de Sintaxe

Palavras-chave
#569cd6
if, else, for, function
Tipos e Classes
#4ec9b0
class, interface, type
Strings
#ce9178
"texto", 'string'
Funções e Métodos
#d7ba7d
myFunction(), console.log()
Variáveis e Parâmetros
#9cdcfe
let x = 10, function(param)
Comentários
#6a9955
// comentário, /* bloco */

Cores da Interface (UI)

Fundo do Editor
#1e1e1e
Área principal de código
Fundo da Sidebar
#252526
Explorer, extensões, etc.
Fundo de Painéis
#2d2d30
Terminal, problemas, etc.
Bordas e Separadores
#3e3e42
Divisórias entre painéis
Destaque e Foco
#007acc
Elementos selecionados
Botões e Ações
#0e639c
Botões, highlights

Estados e Interações

Links e Navegação
#4e94ce
Hiperlinks, atalhos
Erros
#f44747
Sublinhado de erro
Avisos
#ffcc00
Sublinhado de aviso
Informações
#3794ff
Sublinhado de informação
Seleção de Texto
#264f78
Texto selecionado
Destaque de Busca
#43a6ff
Resultados de busca

Resumo Técnico

O Visual Studio Code utiliza um sistema de cores complexo com dezenas de cores diferentes, organizadas em categorias:

Além disso, o VS Code suporta temas personalizados com centenas de opções disponíveis no marketplace, cada um com suas próprias variações de cores.

Análise de Cores do Visual Studio Code © 2023