> For the complete documentation index, see [llms.txt](https://docs.quizhour.mrb-lab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quizhour.mrb-lab.com/customization/1.-customize-intro-on-boarding-screen.md).

# 1. Customize Intro/On-Boarding Screen

## Change Intro Images

To change the Intro images, you have to use your own images. These images must be in .svg format. We have used images from the following site: [https://storyset.com/](https://storyset.com/?fbclid=iwar0xg3xecpfvfv_lqopgfic7c6-cdkh7mgdd4ylcxwfkyn4alordhk84hso). You can get the images from there too.

* Select your 3 images and rename them to **inro\_1.svg, intro\_2.svg** and **intro\_3.svg**.
* Go to the **assets/images** folder and paste and replace with the existing images.

## Change Intro Background Colors

Go to the **lib/configs/app\_config.dart** file and change the selected colors.

<figure><img src="/files/LbEFwejtqGEnNTDgqOmy" alt=""><figcaption></figcaption></figure>