Summary

This PR fixes critical theme detection and switching issues in the CodeMirror editor on the create page. The editor now properly respects system dark mode and responds correctly to manual theme changes.

Issues Fixed

🌙 System Dark Mode Detection

• Problem: CodeMirror editor didn't match system dark mode on initial load
• Solution: Use resolvedTheme from next-themes instead of systemTheme for proper theme resolution
• Result: Editor now correctly starts in dark mode when system is in dark mode

🔄 Theme Switching

• Problem: Editor didn't switch themes when user toggled light/dark mode manually
• Solution: Remove competing theme update effects that were interfering with each other
• Result: Editor now immediately switches themes when theme toggle button is clicked

Technical Changes

Improved Theme Resolution

• Switch from systemTheme to resolvedTheme for better theme detection
• Add fallback to window.matchMedia('(prefers-color-scheme: dark)') during initialization
• Handle SSR and hydration edge cases properly

Fixed Theme Switching Logic

• Remove duplicate theme update effects that were conflicting
• Ensure single source of truth for theme updates via activeTheme
• Maintain proper effect dependencies for reliable updates

Test Plan

• Editor starts with correct theme based on system preferences
• Editor switches themes when manual toggle is used
• Theme switching works in both directions (light ↔ dark)
• System theme changes are detected and applied
• No theme flickering or delays during switches
• Works correctly during SSR/hydration

Code Quality

• No linting errors
• Proper TypeScript types
• Clean effect dependencies
• Removed unused variables
• Follows existing code patterns

This ensures a consistent and responsive theme experience across the entire application.

🤖 Generated with Claude Code