## Use Theme in your components.
Actually, you don’t need that. Because all components are working with the theme automatically.But specific case:
1
Go to your component file and use const { mode } = useTheme(); hook.
2
Copy
import { useTheme } from '@/hooks/useTheme';const MyComponent = () => { const { mode } = useTheme(); return ( <View> // 1. Case <Text style={{ color: mode === 'dark' ? Colors.dark.primary : Colors.light.primary }}> // or // 2. Case // I prefer this one. But if you want to use Text, use <ThemedText /> 😁 // You don't need to use this examples. ThemedText is better. <Text style={{ color: Colors[mode].primary }}> {mode} </Text> </View> );}