Skip to content

Create & edit

Themes, fonts, and hide nodes

Apply Mermaid themes and fonts, and hide nodes to focus a story without deleting them.

On this page3 sections
  1. Themes
  2. Fonts
  3. Hide nodes

Themes

Pick a theme from the editor (for example Neutral, Forest, Dark, Default, or Base). Themes apply across arrangeable types and preview. Advanced users can also set Mermaid init directives in source when needed.

Fonts

Change diagram fonts from the toolbar so labels match your deck or design system. Font choice travels with exports and share pages.

Hide nodes

Hide nodes to focus a story without deleting them from Mermaid source. Reveal them again when you need the full diagram — useful before Present or a Figma paste.

Learn Mermaid · FAQ · Pricing · Dashboard