A React hook for managing dynamic theme configuration with automatic dark mode detection and customizable color schemes. ## Key Components - **`ThemeConfig`** - Interface defining the complete theme structure with primary, secondary, accent, background, and text colors - **`defaultTheme`** - Default light theme configuration with yellow primary color and neutral tones - **`useDynamicTheming`** - Main hook that provides theme state management and dark mode detection - **Theme Methods**: - `updateTheme()` - Partially updates the current theme configuration - `toggleDark()` - Manually toggles dark mode state ## Usage Example ```typescript import { useDynamicTheming } from './use-dynamic-theming'; function App() { const { theme, isDark, updateTheme, toggleDark } = useDynamicTheming(); const handleCustomTheme = () => { updateTheme({ primaryColor: '#FF6B35', accentColor: '#4ECDC4' }); }; return (
); } ``` The hook automatically detects system dark mode preference on mount and provides reactive theme updates through the returned state and methods.