github/hugo-geekblog
0
0
Fork 0
mirror of https://github.com/thegeeklab/hugo-geekblog.git synced 2024-11-21 20:50:40 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Robert Kaussow 2022-05-30 21:49:13 +02:00 committed by GitHub
parent a6bdd2e0dc
commit ee28edec26
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/js/mermaid.js
View File

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

2
src/sass/_base.scss
View File

@ -1,6 +1,6 @@
:root, :root,
:root[color-mode="light"] { :root[color-mode="light"] {
--code-max-height: auto; --code-max-height: none;
@include light_mode; @include light_mode;
} }