From a52c86a180f7c712716ef74fa1de517fc7bd2875 Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Tue, 29 Oct 2024 19:37:49 +0000
Subject: [PATCH] fix: add drawio dark mode support

---
 .../src/features/editor/components/drawio/drawio-view.tsx    | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/features/editor/components/drawio/drawio-view.tsx b/apps/client/src/features/editor/components/drawio/drawio-view.tsx
index a89869a2..37505942 100644
--- a/apps/client/src/features/editor/components/drawio/drawio-view.tsx
+++ b/apps/client/src/features/editor/components/drawio/drawio-view.tsx
@@ -1,5 +1,5 @@
 import { NodeViewProps, NodeViewWrapper } from '@tiptap/react';
-import { ActionIcon, Card, Image, Modal, Text } from '@mantine/core';
+import { ActionIcon, Card, Image, Modal, Text, useComputedColorScheme } from '@mantine/core';
 import { useRef, useState } from 'react';
 import { uploadFile } from '@/features/page/services/page-service.ts';
 import { useDisclosure } from '@mantine/hooks';
@@ -21,6 +21,7 @@ export default function DrawioView(props: NodeViewProps) {
   const drawioRef = useRef<DrawIoEmbedRef>(null);
   const [initialXML, setInitialXML] = useState<string>('');
   const [opened, { open, close }] = useDisclosure(false);
+  const computedColorScheme = useComputedColorScheme();
 
   const handleOpen = async () => {
     if (!editor.isEditable) {
@@ -87,7 +88,7 @@ export default function DrawioView(props: NodeViewProps) {
                 ref={drawioRef}
                 xml={initialXML}
                 urlParameters={{
-                  ui: 'kennedy',
+                  ui: computedColorScheme === 'light' ? 'kennedy' : 'dark',
                   spin: true,
                   libraries: true,
                   saveAndExit: true,