From 82aec91479db30d72e267acc9b26e38bc2c19923 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Sat, 26 Jul 2025 19:59:14 +0200
Subject: [PATCH] fix(mermaid): Use dark theme if appropriate

Fixes: #4814

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/nodes/CodeBlock/CodeBlockView.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/nodes/CodeBlock/CodeBlockView.vue b/src/nodes/CodeBlock/CodeBlockView.vue
index 9365dca9942..f9a35f301a4 100644
--- a/src/nodes/CodeBlock/CodeBlockView.vue
+++ b/src/nodes/CodeBlock/CodeBlockView.vue
@@ -97,6 +97,7 @@
 </template>
 
 <script>
+import { useIsDarkTheme } from '@nextcloud/vue'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActionInput from '@nextcloud/vue/components/NcActionInput'
 import NcActionLink from '@nextcloud/vue/components/NcActionLink'
@@ -150,7 +151,9 @@ export default {
 		},
 	},
 	setup() {
+		const isDarkTheme = useIsDarkTheme()
 		return {
+			isDarkTheme,
 			/** The lazy loaded mermaid js module */
 			mermaid: null,
 			t,
@@ -236,7 +239,10 @@ export default {
 				// lazy load mermaid on first real usage
 				if (this.mermaid === null) {
 					this.mermaid = (await import('mermaid')).default
-					this.mermaid.initialize({ startOnLoad: false })
+					this.mermaid.initialize({
+						startOnLoad: false,
+						theme: this.isDarkTheme ? 'dark' : 'default',
+					})
 				}
 				await this.mermaid.parse(textContent)