mirror of https://github.com/docker/docs.git
62 lines
1.2 KiB
JavaScript
62 lines
1.2 KiB
JavaScript
import mermaid from 'mermaid'
|
|
|
|
const theme = window.localStorage.getItem('theme-preference')
|
|
let mermaidTheme = theme === "dark" ? "dark" : "default";
|
|
|
|
let mermaidConfig = {
|
|
theme: mermaidTheme,
|
|
logLevel: "fatal",
|
|
securityLevel: "strict",
|
|
startOnLoad: true,
|
|
arrowMarkerAbsolute: false,
|
|
|
|
er: {
|
|
diagramPadding: 20,
|
|
layoutDirection: "TB",
|
|
minEntityWidth: 100,
|
|
minEntityHeight: 75,
|
|
entityPadding: 15,
|
|
stroke: "gray",
|
|
fill: "honeydew",
|
|
fontSize: 12,
|
|
useMaxWidth: true,
|
|
},
|
|
flowchart: {
|
|
diagramPadding: 8,
|
|
htmlLabels: true,
|
|
curve: "basis",
|
|
},
|
|
sequence: {
|
|
diagramMarginX: 50,
|
|
diagramMarginY: 10,
|
|
actorMargin: 50,
|
|
width: 150,
|
|
height: 65,
|
|
boxMargin: 10,
|
|
boxTextMargin: 5,
|
|
noteMargin: 10,
|
|
messageMargin: 35,
|
|
messageAlign: "center",
|
|
mirrorActors: true,
|
|
bottomMarginAdj: 1,
|
|
useMaxWidth: true,
|
|
rightAngles: false,
|
|
showSequenceNumbers: false,
|
|
},
|
|
gantt: {
|
|
titleTopMargin: 25,
|
|
barHeight: 20,
|
|
barGap: 4,
|
|
topPadding: 50,
|
|
leftPadding: 75,
|
|
gridLineStartPadding: 35,
|
|
fontSize: 11,
|
|
fontFamily: 'Roboto, sans-serif',
|
|
numberSectionStyles: 4,
|
|
axisFormat: "%Y-%m-%d",
|
|
topAxis: false,
|
|
},
|
|
};
|
|
|
|
mermaid.initialize(mermaidConfig);
|