UI Framework
EatlyPOS uses Radix UI Theme as its primary UI framework. Radix Themes is a comprehensive design system that provides a set of pre-built components with consistent styling and behavior.
Theme Configuration
The application uses the following theme configuration:
<Theme
accentColor="orange"
hasBackground={true}
panelBackground="solid"
appearance={isDarkMode ? 'dark' : 'light'}
>
{children}
</Theme>Learn more about Radix UI Theme
Best Practices
When working with UI components:
• Use Radix UI Theme components for consistent styling
• Follow the existing component patterns
• Maintain consistent spacing using theme tokens
• Use theme-provided color tokens for consistency
• Leverage responsive variants for different screen sizes