2022-01-12 00:20:59 +00:00
|
|
|
function css(name) {
|
2022-01-13 05:22:25 +00:00
|
|
|
return "rgb(" + getComputedStyle(document.documentElement).getPropertyValue(name) + ")";
|
2022-01-12 00:20:59 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
mermaid.initialize({
|
|
|
|
|
theme: "base",
|
|
|
|
|
themeVariables: {
|
|
|
|
|
background: css("--color-neutral"),
|
|
|
|
|
primaryColor: css("--color-primary-200"),
|
|
|
|
|
secondaryColor: css("--color-secondary-200"),
|
|
|
|
|
tertiaryColor: css("--color-neutral-100"),
|
|
|
|
|
primaryBorderColor: css("--color-primary-400"),
|
|
|
|
|
secondaryBorderColor: css("--color-secondary-400"),
|
|
|
|
|
tertiaryBorderColor: css("--color-neutral-400"),
|
|
|
|
|
lineColor: css("--color-neutral-600"),
|
|
|
|
|
fontFamily:
|
|
|
|
|
"ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif",
|
|
|
|
|
fontSize: "16px",
|
|
|
|
|
},
|
|
|
|
|
});
|
