Notes

Ujnotes — CC0 1.0

Mermaid - code to diagram.

Mermaid - code to diagram.

Open source + free.

Theme

Set of available themes.

Only base theme can be overridden.

%%{init: {'theme': 'forest', "flowchart" : { "curve" : "basis" } } }%%

'themeVariables'. {.

'primaryColor'. '#BB2528',.

'primaryTextColor'. '#fff',.

'primaryBorderColor'. '#7C0000',.

'lineColor'. '#F8B229',.

'secondaryColor'. '#006100',.

'tertiaryColor'. '#fff'.

}.

Not all styles can be overridden.

Style

Style reference using :::<>

Define style block inside diagram block.

%%{init: { 'line-height':'24px'} }%%

Flowchart TD.

classDef big font-size:100px,fill:#fc6b03

A:::big --> B{Let me think}.

Documentation

https://mermaid.js.org/config/theming.html

https://mermaid.live/edit