Feel free to switch between the light and dark themes to see how the diagram adapts its colors accordingly.

# Mermaid Diagrams

gantt
    title A Gantt Diagram
    dateFormat YYYY-MM-DD
    section Section
        A task          :a1, 2014-01-01, 30d
        Another task    :after a1, 20d
    section Another
        Task in Another :2014-01-12, 12d
        another task    :24d

Get more examples at About Mermaid

# Individual support for code, pre, kbd, mark

code

pre

CRTL + K + B + D

There are examples of how to use custom global-wise style or page-wise style.

Emoji can be enabled in a Hugo project in a number of ways.