search

jeffreytse / jekyll-spaceship

🚀 A Jekyll plugin to provide powerful supports for table, mathjax, plantuml, mermaid, emoji, video, audio, youtube, vimeo, dailymotion, soundcloud, spotify, etc.
MIT License
605 stars 63 forks source link

Which mermaid themes does it supported? #84

Closed tristone13th closed 1 year ago

tristone13th commented 1 year ago

I didn't find any further documentation in the readme about the mermaid themes, can you list them out for my reference?

jeffreytse commented 1 year ago

Hi @tristone13th

The mermaid can be configured by users, all options are matched to mermaid official document, you can learn options by mermaid official document.

mermaid-processor:
    mode: default  # mode value 'pre-fetch' for fetching image at building stage
    css:
      class: mermaid
    syntax:
      code: 'mermaid!'
      custom: ['@startmermaid', '@endmermaid']
    config:
      theme: forest

All options under config are the same as the first line under init:

%%{init: {'theme':'forest'}}%%
graph TD
    a --> b

Above code is rendered as below:

%%{init: {'theme':'forest'}}%%
graph TD
    a --> b

Thanks & Regards

tristone13th commented 1 year ago

Hi @tristone13th

The mermaid can be configured by users, all options are matched to mermaid official document, you can learn options by mermaid official document.

mermaid-processor:
    mode: default  # mode value 'pre-fetch' for fetching image at building stage
    css:
      class: mermaid
    syntax:
      code: 'mermaid!'
      custom: ['@startmermaid', '@endmermaid']
    config:
      theme: forest

All options under config are the same as the first line under init:

%%{init: {'theme':'forest'}}%%
graph TD
    a --> b

Above code is rendered as below:

Thanks & Regards

Thanks, it is really helpful!