Proje: Okul B2B App · Hub: Okul B2B App — Conventions

Tema Hook’ları Detayları

useAppTheme()

const { colors, isDarkMode, theme } = useAppTheme();
// colors = Colors['light' | 'dark']
// isDarkMode = boolean
// theme = 'light' | 'dark'

useResolvedTheme() — ThemeContext’ten çözümlenmiş tema.

useThemeColor()

// ColorName ile Colors'dan otomatik seç
const textColor = useThemeColor({}, 'text');
 
// Props override ile
const customColor = useThemeColor({ light: '#000', dark: '#fff' }, 'text');

useTheme() (Context)

const { resolvedTheme, isDarkMode, themePreference, setThemePreference } = useTheme();

Tam context erişimi — tercih değiştirme dahil.

Kullanım Önerisi

Durum	Hook
Sadece renkler lazım	useAppTheme()
Tek renk lazım	useThemeColor()
Tercih değiştirme lazım	useTheme()

Related

• tema-ve-renk-sistemi — renk sistemi
• context-state-yonetimi — ThemeContext