# Requests BETA

To embed the request in your site please use the following URL configuration:

> ```
> https://vudy.me/embed/request/<REQUEST_ID>
> ```

### Customization

To enable customizable look and feel we enable the following search params:

```typescript
type ThemeConfig = {
    background?: string;
    primaryColor?: string;
    secondaryColor?: string;
    textColor?: string;
    cardBackground?: string;
    borderColor?: string;
};
```

| Property       | Where does it apply                                                                 | Configuration                                                           |
| -------------- | ----------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
| background     | Main background of the iframe                                                       | Any valid CSS that can be placed on the `background` style of the page. |
| primaryColor   | <ul><li>FROM highlight</li><li>Badge background</li><li>Button background</li></ul> | any HEX color                                                           |
| textColor      | <p>Main card header text<br>Note text</p>                                           | any HEX color                                                           |
| cardBackground | Main color for the card that will appear in the center                              | any HEX color                                                           |
| borderColor    | Main border color for the card                                                      | any HEX color                                                           |

{% hint style="warning" %}
Please note that this is still in BETA. Reach out to us if you'd like to enable any further optimizations
{% endhint %}

#### Dashboard Configurations

The following must be editted on your own Vudy Profile

* Avatar Image
* FROM username