Merlay 0.2.2
Merlay 0.2.2 — Light theme and custom theme compatibility
Mermaid, your way. A native visual overlay editor for Mermaid diagrams in Obsidian.
Fixes & Improvements
- Full Light Theme & Custom Theme Compatibility:
- Dynamically themed the editor canvas, grid dots, top bar, segmented controls, hint pills, popovers, and slide-out code drawer using native Obsidian CSS variables (
--background-primary,--background-secondary,--text-normal,--text-muted,--background-modifier-border, etc.). - Replaced hardcoded dark hex colors across all editor components, ensuring seamless visual integration with Light mode, Dark mode, and custom Obsidian themes (Minimal, Dracula, Catppuccin, AnuPpuccin, Nord, etc.).
- Preserved authentic native Mermaid.js SVG rendering with full fidelity in both Light and Dark modes.
- Synchronized halos and bounding boxes with Obsidian's workspace
css-changeevent for real-time responsiveness when toggling themes.
- Dynamically themed the editor canvas, grid dots, top bar, segmented controls, hint pills, popovers, and slide-out code drawer using native Obsidian CSS variables (
- Accent Color Adaptability:
- Connection drag-lines and selection halos now dynamically adapt to the user's Obsidian accent color (
--interactive-accent).
- Connection drag-lines and selection halos now dynamically adapt to the user's Obsidian accent color (
Install
BRAT (beta): add https://github.com/dev-hashemi/merlay in BRAT → Add Beta plugin.
Manual: download main.js, manifest.json, styles.css below into .obsidian/plugins/merlay/, then enable Merlay under Settings → Community plugins.
Requires Obsidian 1.4.0 or newer. Desktop and mobile supported.
Notes
- Flowchart and state diagrams are fully visual; other diagram types open view-only with selection.
- Please report issues at https://github.com/dev-hashemi/merlay/issues — include Obsidian version, installer version, and a minimal
mermaidblock that reproduces the problem.
Full Changelog: 0.2.1...0.2.2