fix: fix isDark problem (#70)

Co-authored-by: 苏向夜 <[email protected]>

Author: xx-yoke

src/bubble/hooks.tsx

@@ -15,17 +15,12 @@ export const useTheme = () => {
       attributeFilter: ["class"],
     });
 
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const handleSystemThemeChange = (event: MediaQueryListEvent) => {
-      setDark(event.matches);
-    };
-    mediaQuery.addEventListener("change", handleSystemThemeChange);
-
     return () => {
       observer.disconnect();
-      mediaQuery.removeEventListener("change", handleSystemThemeChange);
     };
   }, []);
 
+  console.log(isDark);
+
   return { isDark };
 };

src/bubble/markdown.tsx

@@ -37,7 +37,7 @@ export function CodeBlock({
   ref: _ref,
   ...rest
 }: CodeBlockProps) {
-  const isDark = useTheme();
+  const { isDark } = useTheme();
   const match = /language-(\w+)/.exec(className || "");
 
   const [copied, setCopied] = useState<boolean>(false);