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:

1. Detects the change.
2. Updates the SVG text colors.
3. 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