@rn-shad/themes

Theme presets for rn-shad React Native components.

Installation

npm install @rn-shad/themes

Usage

import { defaultTheme } from '@rn-shad/themes';
import type { Theme, ThemeColors } from '@rn-shad/themes';

// Use the default theme
const colors = defaultTheme.colors.light;

// Create a custom theme
const customTheme: Theme = {
  name: 'custom',
  colors: {
    light: {
      background: '#ffffff',
      foreground: '#09090b',
      // ... other colors
    },
    dark: {
      background: '#09090b',
      foreground: '#fafafa',
      // ... other colors
    },
  },
};

Theme Structure

Themes follow the shadcn/ui color system with support for light and dark modes:

• background - Background color
• foreground - Foreground color (text, icons)
• card - Card background color
• cardForeground - Card foreground color
• primary - Primary action color
• primaryForeground - Primary foreground color
• secondary - Secondary action color
• destructive - Destructive action color
• muted - Muted background color
• accent - Accent color
• border - Border color
• input - Input border color
• ring - Focus ring color

License

MIT