b52318eeae
- Add intelligent-router.sh hook for automatic agent routing - Add AUTO-TRIGGER-SUMMARY.md documentation - Add FINAL-INTEGRATION-SUMMARY.md documentation - Complete Prometheus integration (6 commands + 4 tools) - Complete Dexto integration (12 commands + 5 tools) - Enhanced Ralph with access to all agents - Fix /clawd command (removed disable-model-invocation) - Update hooks.json to v5 with intelligent routing - 291 total skills now available - All 21 commands with automatic routing 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import { useEffect, useState } from 'react';
|
|
|
|
export function useTheme() {
|
|
// Initialize from SSR-provided class on <html> to avoid flicker
|
|
const [theme, setTheme] = useState<'light' | 'dark'>(() => {
|
|
if (typeof document !== 'undefined') {
|
|
return document.documentElement.classList.contains('dark') ? 'dark' : 'light';
|
|
}
|
|
// Match SSR default from layout (dark)
|
|
return 'dark';
|
|
});
|
|
|
|
// Sync DOM class, localStorage and cookie when theme changes
|
|
useEffect(() => {
|
|
if (typeof document === 'undefined') return;
|
|
document.documentElement.classList.toggle('dark', theme === 'dark');
|
|
try {
|
|
localStorage.setItem('theme', theme);
|
|
const isSecure =
|
|
typeof window !== 'undefined' && window.location?.protocol === 'https:';
|
|
document.cookie = `theme=${encodeURIComponent(theme)}; path=/; max-age=31536000; SameSite=Lax${isSecure ? '; Secure' : ''}`;
|
|
} catch {
|
|
// Ignore storage errors in restrictive environments
|
|
}
|
|
}, [theme]);
|
|
|
|
const toggleTheme = (checked: boolean) => {
|
|
setTheme(checked ? 'dark' : 'light');
|
|
};
|
|
|
|
// Keep API shape backward-compatible
|
|
return { theme, toggleTheme, hasMounted: true } as const;
|
|
}
|