;

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;