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?
Nella stessa edizione
Let’s Encrypt verificherà i domini da altri due punti della rete
I clic di Search Console non devono coincidere con le sessioni di Analytics
Il banner deve dire quando il consenso ti segue su altri dispositivi
Su Lambda un server web può aspettare senza pagare tutta l’attesa come CPU
Le chiavi rubate di UpdraftCentral aprono la porta ai siti WordPress
ThinkRank separa l’alt text proposto da quello applicato
JPEG XL arriva nei browser. Per molte immagini, AVIF pesa meno
Furifont mette le letture dei kanji nel font
Con Pele, anche il diagramma passa al tema scuro
Meta toglie «train» dai termini. I permessi sul sito restano ampi
xCloud mette i server in ordine di guai
xSpeed Hub separa i tuoi permessi da quelli della tua AI
Prossima Pillola