muowl
PTEN

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

2026

Tema 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

2026

Tema 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

2026

Trê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.