Markmap: Now with Dark Mode Support
ADAPTIVE MAPS
We’ve updated our mind mapping component to be fully theme-aware. Whether you prefer a bright workspace or a dark, focused environment, your diagrams will always look perfect.
Try It Out
Toggle the theme button in the top right corner of this page. Watch how the mind map below instantly updates its text colors and background contrast.
Theme Adaptive Map
How It Works
The component monitors your site’s theme state. When you switch modes, it automatically:
- Detects the change.
- Updates the SVG text colors.
- Adjusts the background (if using the “colorful” variant).
// It just works!
<Markmap markdown="# My Map..." />Colorful Variant in Dark Mode
Even our “Colorful” variant adapts, ensuring the gradients and shadows pop against the dark background without being overwhelming.
Colorful Dark Mode
