Merlay 0.2.2

[github-actions[bot]]

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-change event for real-time responsiveness when toggling themes.
• Accent Color Adaptability:
  • Connection drag-lines and selection halos now dynamically adapt to the user's Obsidian accent color (--interactive-accent).

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 mermaid block that reproduces the problem.

Full Changelog: 0.2.1...0.2.2

---

This discussion was created from the release Merlay 0.2.2.