Vai al contenuto

Con Pele, anche il diagramma passa al tema scuro

La libreria aperta di Obsidian trasforma sintassi Mermaid in SVG governati da variabili CSS. I colori cambiano senza ricreare il diagramma.

Che succede

Cambi tema alla documentazione e tutto diventa scuro, tranne il diagramma rimasto su un rettangolo bianco. Pele, una libreria aperta di Obsidian, porta colori e caratteri dei diagrammi dentro le normali variabili CSS della pagina.

Riceve testo in sintassi Mermaid e restituisce un SVG. Quando cambiano le variabili, il diagramma segue il tema senza dover essere generato di nuovo. Il disegno può così appartenere alla pagina, invece di comportarsi come un’immagine incollata sopra.

Il supporto non copre ogni funzione di Mermaid. Per i diagrammi compatibili, Pele non richiede dipendenze runtime e adatta il layout agli schermi piccoli. Il risultato resta un SVG, ma con un rapporto molto meno rigido con la pagina che lo ospita.

Perché conta

Il tema del sito può governare anche i diagrammi, senza mantenere un secondo sistema di colori.

Vuoi sapere di più su pillole come questa?