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

# Customization

> Customize the embedded checkout appearance.

# Customization

Configure the checkout modal's appearance to match your brand.

## Theme Options

```javascript theme={null}
const khaime = Khaime.init({
  merchantId: 'YOUR_MERCHANT_ID',
  theme: {
    primaryColor: '#5469d4',
    borderRadius: '8px',
    fontFamily: 'Inter, sans-serif',
  },
});
```

## Available Options

| Option          | Type    | Default           | Description                     |
| --------------- | ------- | ----------------- | ------------------------------- |
| `primaryColor`  | string  | `#1a1a2e`         | Primary button and accent color |
| `borderRadius`  | string  | `12px`            | Border radius for the modal     |
| `fontFamily`    | string  | System font stack | Custom font family              |
| `logo`          | string  | Merchant logo     | URL to your logo                |
| `showPoweredBy` | boolean | `true`            | Show "Powered by Khaime" footer |

## Locale

The checkout adapts to the customer's currency. Currency symbols, formatting, and available payment methods update automatically.