Four Nations
Oito temas para VS Code. Quatro identidades cromáticas (Fogo, Terra, Água e Ar), cada uma em versão clara e escura.
|
Escuro |
Claro |
| Fogo |
Fire Nation Dark |
Fire Nation Light |
| Terra |
Earth Kingdom Dark |
Earth Kingdom Light |
| Água |
Water Tribe Dark |
Water Tribe Light |
| Ar |
Air Nomads Dark |
Air Nomads Light |
Instalar
Sem passar pela Marketplace:
- Copie esta pasta para a pasta de extensões do VS Code:
- Linux e macOS:
~/.vscode/extensions/four-nations-theme
- Windows:
%USERPROFILE%\.vscode\extensions\four-nations-theme
- Reinicie o VS Code.
Ctrl/Cmd + K e depois Ctrl/Cmd + T, e escolha uma das oito variantes.
O que rege as cores
A identidade da nação governa o fundo, o acento e o realce de sintaxe. As cores que carregam significado não são puxadas junto:
- Vermelho é erro, verde é adicionado, azul é modificado nas oito variantes, no gutter, na régua lateral, nas decorações do Git, nos ícones de teste e no console de depuração.
- O ramp ANSI do terminal mantém os seis matizes distintos. O matiz é inclinado para a nação, mas
git diff, saída de teste e níveis de log continuam distinguíveis dentro de qualquer variante.
- Piso de contraste de 4.5:1 para todo texto, incluindo comentários e o ramp ANSI, contra a superfície em que ele é pintado. Elementos não textuais ficam em 3:1.
A única exceção é terminal.ansiBlack. Num tema escuro ela não atinge 4.5:1 sem deixar de ser preto, então só precisa ser distinguível do fundo do terminal.
Ícones de arquivo
O pacote também traz um tema de ícones. Ctrl/Cmd + Shift + P, File Icon Theme, e escolha Four Nations.
Ele codifica os arquivos por categoria, não por linguagem individual:
| Emblema |
Categoria |
Exemplos |
| Fogo |
Código executável |
.ts .py .go .rs .sh |
| Água |
Dados e configuração |
.json .yaml .toml .env |
| Terra |
Conteúdo e estilo |
.md .css .html imagens, fontes |
| Ar |
Build, meta e artefato |
lockfiles, .gitignore, node_modules, dist |
A razão de agrupar por categoria é medida: um ícone de arquivo é renderizado a 16px na árvore, e nesse tamanho o desenho interno de qualquer emblema desaparece. Só a matiz sobrevive. Quatro cores separando quatro categorias é o que de fato se lê nesse tamanho.
O emblema de ar foi recolorido para o dourado do Air Nomads porque, no azul original, disputava a leitura com o de água a 16px. Para voltar ao azul, AR_TINT = None em scripts/build-file-icons.py.
Fonte recomendada
Os temas não dependem de nenhuma fonte, mas foram ajustados olhando para JetBrains Mono:
{
"editor.fontFamily": "JetBrains Mono, monospace",
"editor.fontLigatures": true,
"editor.lineHeight": 1.7
}
Mexer nas cores
Os arquivos em themes/ são gerados. A fonte de verdade são as paletas no topo de scripts/build-themes.mjs, uma por variante. Edite lá e rode:
npm run build # regera os oito arquivos em themes/
npm run check # contraste e paridade de chaves entre as variantes
Projeto de fã, sem vínculo com a Nickelodeon ou a Paramount, e sem endosso delas.
