Browse Source

enh: mermaid dark theme

Timothy J. Baek 8 months ago
parent
commit
d79d3f1352
1 changed files with 16 additions and 0 deletions
  1. 16 0
      src/lib/components/chat/Messages/CodeBlock.svelte

+ 16 - 0
src/lib/components/chat/Messages/CodeBlock.svelte

@@ -241,6 +241,22 @@ __builtins__.input = input`);
 			debounceTimeout = setTimeout(highlightCode, 10);
 		}
 	}
+
+	onMount(async () => {
+		if (document.documentElement.classList.contains('dark')) {
+			mermaid.initialize({
+				startOnLoad: true,
+				theme: 'dark',
+				securityLevel: 'loose'
+			});
+		} else {
+			mermaid.initialize({
+				startOnLoad: true,
+				theme: 'default',
+				securityLevel: 'loose'
+			});
+		}
+	});
 </script>
 
 <div class="my-2" dir="ltr">