From 2bcf0e58411e89d356dead77299700f4068adc7b Mon Sep 17 00:00:00 2001
From: tmm <tmm@tmm.dev>
Date: Tue, 17 Mar 2026 11:59:39 -0400
Subject: [PATCH] fix: sql editor theme sync

---
 src/components/SqlEditor.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SqlEditor.tsx b/src/components/SqlEditor.tsx
index f97cf7f2..93aae35b 100644
--- a/src/components/SqlEditor.tsx
+++ b/src/components/SqlEditor.tsx
@@ -54,7 +54,7 @@ export function SqlEditor(props: SqlEditorProps) {
   const [isDark, setIsDark] = React.useState(() => {
     // Check dark mode on initial render
     if (typeof document !== 'undefined') {
-      return document.documentElement.classList.contains('dark')
+      return document.documentElement.style.colorScheme === 'dark'
     }
     return false
   })
@@ -66,7 +66,7 @@ export function SqlEditor(props: SqlEditorProps) {
   // Detect dark mode
   React.useEffect(() => {
     const checkDarkMode = () => {
-      setIsDark(document.documentElement.classList.contains('dark'))
+      setIsDark(document.documentElement.style.colorScheme === 'dark')
     }
 
     checkDarkMode()
@@ -74,7 +74,7 @@ export function SqlEditor(props: SqlEditorProps) {
     const observer = new MutationObserver(checkDarkMode)
     observer.observe(document.documentElement, {
       attributes: true,
-      attributeFilter: ['class'],
+      attributeFilter: ['style'],
     })
 
     return () => observer.disconnect()