Mermaid

---
theme: beige
highlightTheme: css/vs2015.css
---

```mermaid
sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!
```

---
theme: beige
highlightTheme: css/vs2015.css
---

## Gitgraph Diagrams support

```mermaid
    gitGraph
       commit
       commit
       branch develop
       checkout develop
       commit
       commit
       checkout main
       merge develop
       commit
       commit
```

It's possible to overload the default mermaid configuration to change the behaviour / layout of the rendered mermaid diagrams using configuraton like this:

mermaid:
  themeVariables:
    fontSize: 32px
  theme: 'forest'

To do so, add a mermaid property to frontmatter as follows:

---
mermaid:
  themeVariables:
    fontSize: 32px
  theme: 'forest'
---