Customize the look and feel of your site with YAML configuration.
PraisonAIUI includes all 22 official Tailwind CSS colors as theme presets:
Neutral Tones
| Preset | Description |
|--------|-------------|
| zinc | Clean gray (default) |
zinc
| slate | Cool blue-gray |
slate
| stone | Warm neutral |
stone
| gray | True gray |
gray
| neutral | Balanced neutral |
neutral
Color Accents
| red | Bold red |
red
| orange | Warm orange |
orange
| amber | Golden amber |
amber
| yellow | Bright yellow |
yellow
| lime | Fresh lime |
lime
| green | Classic green |
green
| emerald | Rich emerald |
emerald
| teal | Cool teal |
teal
| cyan | Bright cyan |
cyan
| sky | Light sky blue |
sky
| blue | Classic blue |
blue
| indigo | Deep indigo |
indigo
| violet | Purple violet |
violet
| purple | Rich purple |
purple
| fuchsia | Vibrant fuchsia |
fuchsia
| pink | Soft pink |
pink
| rose | Warm rose |
rose
Enable or disable dark mode:
The frontend includes a ThemeToggle component for light/dark/system modes.
Add a theme toggle to your header:
Theme presets generate CSS variables you can override:
For full customization, scaffold a React project: