Projetos
Engenharia por trás dos temas
Cada tema também é um projeto de software: uma fonte de cores, decisões de implementação e arquivos gerados. Veja como os repositórios organizam esse trabalho.
vesperveil
2026Tema para VS Code e esquema de cores para Windows Terminal. A paleta fica em JSON e também é usada neste site.
Design tokensJSONVS Code
- O desafio
- Manter a mesma identidade de cores no editor, no terminal e neste site sem editar cada saída manualmente.
- A implementação
- Uma paleta JSON alimenta o gerador dos arquivos para VS Code e Windows Terminal. As verificações cobrem pares de contraste selecionados, o formato das cores e os valores ANSI compartilhados.
- O resultado
- Um tema para VS Code e um esquema com as 16 cores ANSI para Windows Terminal, derivados da mesma fonte. O portfólio reutiliza essa paleta.
cinder
2026Tema para VS Code com cores organizadas por função em arquivos JSON e checagens automáticas de contraste.
Design tokensJSONVS Code
- O desafio
- Organizar as cores de uma ferramenta de desenvolvimento por função, mantendo separadas a identidade visual e as regras do editor.
- A implementação
- Tokens de base, interface e sintaxe vivem em arquivos separados. Um template adapta esses papéis ao VS Code, e o processo de build gera o tema e verifica o contraste.
- O resultado
- Um tema gerado para VS Code, com uma prévia ilustrativa e tokens compartilhados que podem orientar futuros adaptadores.
carmilla
2026Três variantes para VS Code, geradas a partir de uma paleta TOML: Carmilla, Amethyst e Moonstone.
TOMLJSONVS Code
- O desafio
- Oferecer três atmosferas visuais sem manter três conjuntos independentes de regras de sintaxe e interface.
- A implementação
- A paleta TOML define as cores compartilhadas e as substituições de cada variante. A geração produz os temas e a prévia de código; os testes verificam arquivos gerados, contraste e comportamento de gramáticas.
- O resultado
- Carmilla, Amethyst e Moonstone reunidos na versão 1.7.0, com a mesma linguagem de sintaxe e superfícies próprias. A vitrine permite comparar as três variantes.