# Design settings

The `designSettings` object defines the visual theme of the form: colours, fonts, border radius, and background.

## Schema

| Field | Type | Description |
|  --- | --- | --- |
| `themeName` | string | Name of the applied theme |
| `mainColor` | string | Primary accent colour (hex) |
| `backgroundColor` | string | Page background colour (hex) |
| `backgroundImage` | string | null | Background image URL |
| `font` | string | Font family name |
| `questionColor` | string | Question text colour (hex) |
| `answerColor` | string | Answer/input text colour (hex) |
| `borderRadius` | string | Corner radius for inputs (for example, `"8px"`) |
| `inputColor` | string | Input field background colour (hex) |
| `borderColor` | string | Input border colour (hex) |
| `fontSize` | string | Text size preset (for example, `"medium"`) |


```json
"designSettings": {
  "themeName": "Dark 🌱",
  "mainColor": "#fff",
  "backgroundColor": "#000000",
  "backgroundImage": null,
  "font": "Inter",
  "questionColor": "#EEEEEE",
  "answerColor": "#EEEEEE",
  "borderRadius": "8px",
  "inputColor": "#0E0E11",
  "borderColor": "#777C83",
  "fontSize": "medium"
}
```