O editor de código open-source Zed acaba de lançar o Theme Builder. Esta nova ferramenta baseada no navegador web permite criar e editar temas visuais de forma bastante acessível, deixando para trás a necessidade de editar manualmente ficheiros JSON complexos.
Personalização em tempo real e sem complicações
Com o Theme Builder, os utilizadores passam a ter acesso a uma pré-visualização em tempo real da interface do Zed. Os tokens de tema encontram-se organizados por categorias numa barra lateral, garantindo que qualquer alteração feita se reflete de forma instantânea no ecrã.
Uma das funções de destaque é o inspetor integrado. Basta clicar com o botão direito do rato num elemento da pré-visualização para descobrir imediatamente qual é o token de cor que o controla, permitindo saltar logo para as configurações relevantes. O sistema adiciona ainda a possibilidade de ligar cores, onde os tokens podem referenciar-se mutuamente, existindo recomendações opcionais para ajudar a manter a consistência visual entre os vários elementos da interface.
Os detalhes técnicos por trás da novidade
O sistema de temas do Zed é bastante completo, abrangendo 16 categorias de cores para a interface, 10 categorias para tokens de sintaxe e até cores específicas para os participantes nas sessões de programação multijogador. Para garantir que o destaque da sintaxe corresponde exatamente àquilo que vês no editor, a pré-visualização recorre ao sistema Tree-sitter do Zed através de WebAssembly.
A plataforma suporta a importação de temas já existentes em formato JSON, bem como a exportação de modificações ou ficheiros de extensão. Debaixo do capô, a ferramenta utiliza propriedades personalizadas de CSS para as atualizações, réplicas da interface baseadas em HTML, armazenamento local para guardar o progresso e um sistema de anular e refazer gerido pelo Zustand. Para quem não quer começar o design a partir do zero, o serviço inclui temas base prontos a usar, como o One, o Ayu e o Gruvbox.
Todos os pormenores técnicos e instruções sobre esta novidade podem ser consultados no blogue oficial do Zed.
Nenhum comentário
Seja o primeiro!