The designSettings object defines the visual theme of the form: colours, fonts, border radius, and background.
| 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") |
"designSettings": {
"themeName": "Dark 🌱",
"mainColor": "#fff",
"backgroundColor": "#000000",
"backgroundImage": null,
"font": "Inter",
"questionColor": "#EEEEEE",
"answerColor": "#EEEEEE",
"borderRadius": "8px",
"inputColor": "#0E0E11",
"borderColor": "#777C83",
"fontSize": "medium"
}