From 29202f614745c4a88382788854597136fcab610d Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Mon, 25 May 2026 05:43:56 +0000
Subject: [PATCH] Observe color mode

---
 src/frontend/src/components/editors/NotesEditor.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/editors/NotesEditor.tsx b/src/frontend/src/components/editors/NotesEditor.tsx
index 313182d141..8ca066bb38 100644
--- a/src/frontend/src/components/editors/NotesEditor.tsx
+++ b/src/frontend/src/components/editors/NotesEditor.tsx
@@ -29,7 +29,8 @@ import {
   Stack,
   Tabs,
   Text,
-  Tooltip
+  Tooltip,
+  useMantineColorScheme
 } from '@mantine/core';
 import {
   IconCirclePlus,
@@ -105,6 +106,7 @@ export default function NotesEditor({
   const api = useApi();
   const user = useUserState();
   const [language] = useLocalState(useShallow((s) => [s.language]));
+  const { colorScheme } = useMantineColorScheme();
 
   const editor = useCreateBlockNote({
     dictionary:
@@ -359,6 +361,7 @@ export default function NotesEditor({
                   <BlockNoteView
                     editor={editor}
                     editable={canEdit}
+                    theme={colorScheme === 'dark' ? 'dark' : 'light'}
                     style={{ minHeight: '400px' }}
                   />
                 </Stack>