Instead of leaving the config empty, the editor now manages the theme: after every validation and on site light/dark changes, syncManagedTheme sets it to the diagram type's own mermaid default (the config section's theme, e.g. redux-color for flowcharts, else the global default) or, in dark mode, the redux -dark variant (redux-dark-color) or dark.
Only editor-set themes are replaced: a missing theme, the global default, a section default or any of their dark variants (isManagedTheme). A theme the user chose, such as forest, is never touched.
Detector ids that do not match their config section (flowchart-v2, flowchart-elk, classDiagram, stateDiagram, xychart, railroadAbnf/Ebnf/Peg) are aliased in mermaid.ts; ids without a section (wardley, zenuml) use the global default.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Bump mermaid ^11.17.2 -> ^12.0.0, @mermaid-js/layout-tidy-tree ^0.2.2 -> ^1.0.0, @mermaid-js/mermaid-zenuml ^0.2.3 -> ^1.0.0 and @mermaid-js/examples ^1.4.0 -> ^2.0.0.
Drop @mermaid-js/layout-elk: mermaid 12 bundles ELK and registers it automatically, so the separate package would only ship a second copy of the layout engine.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Sidharth VinodandClaude Fable 5.1