> For the complete documentation index, see [llms.txt](https://docs.candy-smith.com/main/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.candy-smith.com/main/block-puzzle-game-toolkit/how-to-reskin-game-ui-in-unity.md).

# How to reskin game UI in Unity

1. Go to <mark style="color:green;">**Assets**</mark> **->&#x20;**<mark style="color:green;">**Resources**</mark>**&#x20;->&#x20;**<mark style="color:green;">**Popups**</mark><br>

   <figure><img src="/files/5LxRriVMElzsVXIh2dJZ" alt=""><figcaption></figcaption></figure>
2. Choose the UI that you want to modify. For example, let's select the **Daily Bonus UI**
3. Look in the **Inspector**
4. Select **Menus\_label Source Image**<br>

   <figure><img src="/files/yp5n6vgKnKNPsN5Qqr9s" alt=""><figcaption></figcaption></figure>
5. Change the color to the one you want<br>

   <figure><img src="/files/MxfsQAuXGrUIwlBIYJI0" alt=""><figcaption></figcaption></figure>
6. Repeat the process for other images, buttons, and text elements<br>

   <figure><img src="/files/f7m4B9MmkQiL1ALcEQui" alt=""><figcaption></figcaption></figure>
7. Use the **eyedropper tool** (pipette) to pick a color from any image or reference<br>

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

### How to Reskin / Add the backgrounds

1. To <mark style="color:orange;">**reskin / add**</mark> backgrounds, go to the <mark style="color:green;">**Sprites**</mark> -> <mark style="color:green;">**backgrounds**</mark> folder and <mark style="color:orange;">**replace / add**</mark> PNG files of the same size.
2. To <mark style="color:orange;">**change the background**</mark> in the <mark style="color:orange;">**main scene**</mark>, go to <mark style="color:green;">**Sprites folder**</mark> and replace `main-background.png` with your own background of the same size.