chore: use mermaid default light and dark theme (#425)

This commit is contained in:
Robert Kaussow 2022-05-30 21:26:43 +02:00 committed by GitHub
parent 51afa9db79
commit bea2551628
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -5,22 +5,21 @@ document.addEventListener("DOMContentLoaded", function (event) {
let lstore = Storage.namespace(THEME)
let currentMode = lstore.get("color-mode")
let darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)")
let primaryColor = "#ececff"
let darkMode = false
let theme = "default"
if (currentMode === DARK_MODE || (currentMode === AUTO_MODE && darkModeQuery.matches)) {
primaryColor = "#6C617E"
darkMode = true
theme = "dark"
}
import("mermaid")
.then(({ default: md }) => {
md.initialize({
flowchart: { useMaxWidth: true },
theme: "base",
theme: theme,
themeVariables: {
darkMode: darkMode,
primaryColor: primaryColor
darkMode: darkMode
}
})
})