> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cuprice.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Themes

> Preset themes and color customization

## Preset themes

Cuprice includes 6 built-in themes. Select one in the **Design tab** of the sidebar:

| Theme         | Style                                         |
| ------------- | --------------------------------------------- |
| **Light**     | Clean white background, subtle borders        |
| **Dark**      | Dark background, light text                   |
| **Ocean**     | Blue tones, calm and professional             |
| **Sunset**    | Warm orange and red accents                   |
| **Forest**    | Green tones, nature-inspired                  |
| **Brutalist** | Sharp corners, black borders, bold typography |

## Color settings

Customize individual colors in the **Colors** section:

| Color           | What it affects                      |
| --------------- | ------------------------------------ |
| **Primary**     | Buttons, links, active states        |
| **Button Text** | Text color inside buttons            |
| **Page BG**     | Background color of the pricing page |
| **Card BG**     | Background color of plan cards       |
| **Border**      | Card and element borders             |
| **Header**      | Project name and title text          |
| **Price**       | Price amount text                    |
| **Text**        | Feature names and descriptions       |
| **Description** | Page description text                |

## Page settings

| Setting               | What it does                           |
| --------------------- | -------------------------------------- |
| **Show project name** | Toggle the project title above pricing |
| **Show page header**  | Toggle the description text            |
| **Title align**       | Left, center, or right alignment       |
| **Description align** | Left, center, or right alignment       |
| **Toggle align**      | Monthly/Annual toggle position         |
| **Badge position**    | "Most Popular" badge placement         |
| **Font**              | Google Fonts family                    |
| **Radius**            | Border radius for cards and buttons    |