Theming
Centralized theme system inconstants/theme.ts.
Colors
Spacing
Usage
Adding Dark Mode
- Create dark colors
- Create ThemeContext
- Use
useColorScheme()hook
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Customize colors and styling
constants/theme.ts.
export const colors = {
accent: '#5A70E0',
background: '#FFFFFF',
text: '#000000',
textSecondary: '#666666',
border: '#E5E5E5',
error: '#FF3B30',
success: '#34C759',
};
export const spacing = {
xs: 4,
sm: 8,
md: 16,
lg: 24,
xl: 32,
};
import { colors, spacing } from '@/constants/theme';
const styles = StyleSheet.create({
container: {
backgroundColor: colors.background,
padding: spacing.md,
},
});
useColorScheme() hook