> For the complete documentation index, see [llms.txt](https://swipeme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://swipeme.gitbook.io/docs/theme-guide.md).

# Theme Guide

### Visual Identity

#### Color Palette

* **Primary Green:** #10B981 (trust/money)
* **Dark Slate:** #1F2937 (text/backgrounds)
* **Light Gray:** #F9FAFB (cards/UI)
* **Accent Orange:** #F97316 (alerts/CTAs)
* **Success Green:** #22C55E (confirmations)

#### Themes (In-App)

Users can choose per-chat:

* **Light Mode** (default): White bg, dark text
* **Dark Mode:** Dark slate bg, white text
* **Coming Soon:** Ocean blue, sunset orange, mint green

### UI Components

**Buttons**

* Primary: Green (#10B981)
* Secondary: Outlined
* Danger: Red for delete actions

**Cards**

* White background
* Subtle shadow for depth
* 12px border radius
* 16px padding

**Icons**

* $ = Payment
* 💬 = Messaging
* ▶️ = Moments
* ⚙️ = Settings
* 🔒 = Security

### Accessibility

* Min 16px font on mobile
* Color contrast ratio 4.5:1 (WCAG AA)
* Touch targets: min 44x44px