mirror of
https://github.com/tomfran/typo.git
synced 2025-04-25 21:19:55 +03:00
make mermaid themes configurable
This commit is contained in:
parent
31ba2ee311
commit
f5f04dba37
3 changed files with 43 additions and 5 deletions
|
@ -73,13 +73,17 @@
|
|||
</div>
|
||||
|
||||
{{ if .Store.Get "hasMermaid" }}
|
||||
<script type="module">
|
||||
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
|
||||
mermaid.initialize({ startOnLoad: true });
|
||||
{{ $mermaidDarkTheme := default "dark" (or .Params.mermaidDarkTheme .Site.Params.mermaidDarkTheme) }}
|
||||
{{ $mermaidTheme := default "default" (or .Params.mermaidTheme .Site.Params.mermaidTheme) }}
|
||||
<script defer
|
||||
type="module"
|
||||
id="mermaid_script"
|
||||
data-light-theme="{{ $mermaidTheme }}"
|
||||
data-dark-theme="{{ $mermaidDarkTheme }}"
|
||||
src='{{ "js/mermaid.js" | relURL }}'>
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{/* Next prev controls */}}
|
||||
|
||||
{{ if not (.Param "hidePagination") }}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue