Substituímos o componente de tema mermaid pelo pele aqui na meta, para fins de teste
O pele é 6x menor, até 500x mais rápido, não tem dependências, permite personalização de temas com variáveis CSS, possui licença MIT e foi desenvolvido pela equipe do Obsidian.
A sintaxe ```mermaid permanece a mesma, portanto, não há nada a alterar nas suas publicações.
Aqui está o componente de tema, caso queira testá-lo no seu próprio site.
flowchart LR
A[mermaid] -->|troca| B[pele]
B --> C{parece bom?}
C -->|sim| D[🎉]
C -->|não| E[responda aqui]
caso encontre algum bug visual, por favor responda aqui com:
um link para a publicação (ou a fonte do diagrama)
Na semana passada fiquei sabendo do Pele, pensei em tentar alguma integração interna e hoje me deparei com isso. Super rápido e vindo do Core, obrigado!
Entendi corretamente… com o Pele, poderíamos configurar os elementos do Pele para refletir nossa comunidade/marca, de modo que todos os diagramas Mermaid existentes (ou talvez apenas os novos) tenham uma aparência e sensação padrão do nosso estilo?
o componente já mapeia as variáveis CSS do Pele para a paleta de cores do seu site, então todos os diagramas, antigos e novos, adotam automaticamente suas cores (incluindo modo claro/escuro)
se quiser ajustar mais, substitua qualquer variável --pele-* em .pele-diagram no CSS do seu tema