zink/trilium_share_gruvbox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mermaid: read theme variables instead of hardcoded gruvbox colors; drop legacy gruvbox mermaid css snippet

Browse Source
This commit is contained in:
trilium-share-gruvbox
2026-09-07 21:52:08 +02:00
parent ce6dbe1bab
commit 7c3e194116
1 changed files with 22 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/note_fallback.js
+22 -24
View File
@@ -79,31 +79,29 @@
(nativeDetails || nativePre).replaceWith(wrapper);
applyHighlight(code);
var MMD_DARK = {
background: "transparent",
textColor: "#ebdbb2",
titleColor: "#fbf1c7",
lineColor: "#a89984",
edgeLabelBackground: "#3c3836",
nodeTextColor: "#fbf1c7",
primaryColor: "#458588", primaryTextColor: "#fbf1c7", primaryBorderColor: "#458588",
secondaryColor: "#b8bb26", secondaryTextColor: "#1d2021", secondaryBorderColor: "#b8bb26",
tertiaryColor: "#d3869b", tertiaryTextColor: "#1d2021", tertiaryBorderColor: "#d3869b"
};
var MMD_LIGHT = {
background: "transparent",
textColor: "#3c3836",
titleColor: "#282828",
lineColor: "#928374",
edgeLabelBackground: "#ebdbb2",
nodeTextColor: "#1d2021",
primaryColor: "#83a598", primaryTextColor: "#1d2021", primaryBorderColor: "#076678",
secondaryColor: "#98971a", secondaryTextColor: "#fbf1c7", secondaryBorderColor: "#79740e",
tertiaryColor: "#b16286", tertiaryTextColor: "#fbf1c7", tertiaryBorderColor: "#8f3f71"
};
function mermaidTheme() {
var cs = getComputedStyle(document.documentElement);
function v(n, fb) { return (cs.getPropertyValue(n) || "").trim() || fb; }
return {
background: "transparent",
textColor: v("--text-primary", "#c0caf5"),
titleColor: v("--text-heading", "#c0caf5"),
lineColor: v("--text-menu", "#9ece6a"),
edgeLabelBackground: v("--background-secondary", "#1a1b26"),
nodeTextColor: v("--text-heading", "#c0caf5"),
primaryColor: v("--background-active", "#7aa2f7"),
primaryTextColor: v("--text-menu-active", "#24283b"),
primaryBorderColor: v("--background-active", "#7aa2f7"),
secondaryColor: v("--background-highlight", "#292e42"),
secondaryTextColor: v("--text-primary", "#c0caf5"),
secondaryBorderColor: v("--background-highlight", "#292e42"),
tertiaryColor: v("--text-link", "#7aa2f7"),
tertiaryTextColor: v("--text-menu-active", "#24283b"),
tertiaryBorderColor: v("--text-link", "#7aa2f7")
};
}
function mermaidConfig() {
var light = document.documentElement.classList.contains("theme-light");
return { startOnLoad: false, theme: "base", themeVariables: light ? MMD_LIGHT : MMD_DARK };
return { startOnLoad: false, theme: "base", themeVariables: mermaidTheme() };
}
function renderMermaid() {
import("/assets/mermaid.core-BUJU3YJZ.js").then(function (mod) {