From: Alexander Wilms <redacted>
Date: Thu, 26 Jun 2025 22:22:06 +0000 (+0200)
Subject: fix(mermaid-viewer): Improve error message on diagram rendering failure
X-Git-Url: http://source.bookstackapp.com/hacks/commitdiff_plain/91c9918dd7e2c3808dc2321d93d0157627cf78df

fix(mermaid-viewer): Improve error message on diagram rendering failure
---

diff --git a/content/mermaid-viewer/head.html b/content/mermaid-viewer/head.html
index b737ba0..187b410 100644
--- a/content/mermaid-viewer/head.html
+++ b/content/mermaid-viewer/head.html
@@ -149,7 +149,8 @@
                     this.centerDiagram();
                 }).catch(error => {
                     console.error("Mermaid rendering error for diagram:", this.mermaidCode, error);
-                    this.diagram.innerHTML = `<p style="color: red; padding: 10px;">Error rendering diagram. Check console.</p>`;
+                    // Use BookStack's negative color variable and provide a clearer message for debugging.
+                    this.diagram.innerHTML = `<p style="color: var(--color-neg); padding: 10px;">Error rendering diagram. Check browser console for details.</p>`;
                 });
             };