React Native Mantine

Theming

Theme system, colors, and styling utilities

• Color Manipulation – Theme functions: lighten, darken, dimmed
• Color Palette – Complete color system aligned with Mantine web
• Color Scheme Constants – Color scheme-aware constants using colorSchemeValue
• Component Variants – Guide to all 8 built-in component variants
• Custom Fonts – Load and configure custom fonts with ThemeProvider
• Gradients – Gradient support for buttons and backgrounds
• Primary Color System – primaryColor and primaryShade configuration
• Responsive Utilities – Breakpoint utilities: largerThan and smallerThan
• Shadow System – Shadow sizes aligned with Mantine web (xs, sm, md, lg, xl)
• Theme Customization – Customize colors, typography, and spacing
• Theme Override Example – Full example with colorSchemeValue and Button fix