Testando pele como substituto de mermaid

Substituímos o componente de tema mermaid pelo pele aqui na meta, para fins de teste :test_tube:

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 :folded_hands: responda aqui com:

  • um link para a publicação (ou a fonte do diagrama)
  • uma captura de tela
  • seu navegador e tema (claro/escuro)

obrigado :wink:

25 Curtiram

Instruções confusas; reação :tada: não disponível :pensive_face:

Parece ótimo!

9 Curtiram

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!

2 Curtiram

O Pele já está integrado em tantas plataformas… por boas razões!

Eu o uso no Obsidian e acabei de testar na minha comunidade do Discourse… muito bom

3 Curtiram

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?

sim :+1:

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 :wink:

1 Curtiu