# Widget Theme

## Customize your Widget

Customers are empowered to customize their widget using a WYSIWYG (*What You See Is What You Get*) editor which aids them in personalizing their widget's appearance completely.

Changes are reflected immediately in the preview window enabling Customers to have an instant understanding of their changes and guiding them in the personalization process. Customers are allowed to configure

![Preview of Widget](https://2566128011-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUn1oKrw7P8P5qiTjWXjv%2Fuploads%2FCediQmOpza1f7Npb8pWK%2Fwidget-theme101.PNG?alt=media\&token=1ed15484-fe90-46e6-bef1-314710d2e56c)

### Color Palette

The *Color Palette* settings allow you to change the color theme of the widget. You could choose from a predefined color palette of 266 colors or custom define your color with color codes. You could either use conventional hex codes (*#A2DE0FF*) or specify colors using the format `rgb(rColor,gColor,bColor)`(*rgb(66, 165, 245)*)

![Color Palette Selector](https://2566128011-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUn1oKrw7P8P5qiTjWXjv%2Fuploads%2FUgdcCMTfwlMM0kDHdpL0%2Fwidget-theme102.PNG?alt=media\&token=490cc38d-f3c1-4f64-bba2-514198b7c469)

### Change Font

You could customize the Fonts used in the Widget using the *Change Font* settings. Currently, Dhee.AI's widget supports 5 fonts including 

* Roboto
* Source San Pro
* Lato
* Montserrat
* PT Serif

![](https://2566128011-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUn1oKrw7P8P5qiTjWXjv%2Fuploads%2F9tUshdlgdT7rC2mOWhK6%2Fwidget-theme104.PNG?alt=media\&token=98ba058d-4b99-4fc2-8ba7-843732cbfd0d)

### Widget Logo

You could change the default Widget logo with your own custom images.

![Widget Logo Configuration](https://2566128011-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUn1oKrw7P8P5qiTjWXjv%2Fuploads%2Fa4Fu1WWIvhNLNW3dr3tN%2Fwidget-theme103.PNG?alt=media\&token=cf3074b4-aaa6-4dac-999f-1caabb59e86a)

The image needs to be less than 512KB in size and should be in either of the following formats

* JPG/JPEG (*Joint Photographic Expert Group*)
* PNG (*Portable Network Graphics*)
* SVG (*Scalable Vector Graphics*)
* GIF (*Graphics Interchange Format*)

### Launcher Logo

You could change the default Launcher Icon with your own custom images. 

![Launcher Icon Configuration](https://2566128011-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUn1oKrw7P8P5qiTjWXjv%2Fuploads%2FuWFrAgLLS6jcp9J766vZ%2Fwidget-theme105.PNG?alt=media\&token=4d5cbbb2-8b31-4b37-9293-d9f162b18525)

The image needs to be less than 512KB in size and should be in either of the following formats

* JPG/JPEG (*Joint Photographic Expert Group*)
* PNG (*Portable Network Graphics*)
* SVG (*Scalable Vector Graphics*)
* GIF (*Graphics Interchange Format*)

### Title Logo

You could change the default Launcher logo with your own custom images.

![Title Logo Configuration](https://2566128011-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUn1oKrw7P8P5qiTjWXjv%2Fuploads%2FmvTBT34THB1BAc0DThRg%2Fwidget-theme106.PNG?alt=media\&token=ad6a7e0a-9139-4de9-a1e1-50b5034cba0e)

The image needs to be less than 512KB in size and should be in either of the following formats

* JPG/JPEG (*Joint Photographic Expert Group*)
* PNG (*Portable Network Graphics*)
* SVG (*Scalable Vector Graphics*)
* GIF (*Graphics Interchange Format*)