Theming
PragatiUI supports custom theming to match your brand's look and feel. You can customize colors, typography, spacing, and more.
Using the CLI
Generate a theme file using the CLI:
npx pragatiui-cli theme
Example Theme Configuration
import { createTheme } from 'pragatiui';
const theme = createTheme({
colors: {
primary: '#3498db',
secondary: '#2ecc71',
background: '#ffffff',
text: '#333333',
},
typography: {
fontFamily: 'Arial, sans-serif',
fontSize: {
small: '0.875rem',
medium: '1rem',
large: '1.25rem',
},
},
spacing: {
small: '0.5rem',
medium: '1rem',
large: '1.5rem',
},
});
export default theme;