Mermaid Lumina

Open Mermaid diagrams in a zoomable lightbox with a bright white canvas. Works in Reading view and Live Preview on desktop and mobile.

Features

• Tap or click any Mermaid diagram to open the lightbox
• White background in the lightbox (ignores vault dark theme)
• Light-theme diagram colors so shapes and label text stay readable
• Pinch to zoom, drag to pan, double-tap to toggle fit / 2×
• Type a zoom percentage in the toolbar for exact scale
• Mouse wheel zoom and on-screen controls
• Esc or click outside the diagram to close

Install (manual)

1. Copy main.js, manifest.json, and styles.css into
   <vault>/.obsidian/plugins/mermaid-lumina/
2. Enable Mermaid Lumina in Obsidian Settings → Community plugins

Develop

npm install
npm run build