# How to reskin game GUI in Unity

1. Go to **Assets -> Resources -> Popups**<br>

   <figure><img src="https://120772374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDqBWm2nSW4GQ9A7vUAIq%2Fuploads%2FJ1GFHqjAQt46scEV7jLb%2Fimage.png?alt=media&#x26;token=3941c580-9e6f-4d29-a975-ef66f23c24c8" alt=""><figcaption></figcaption></figure>
2. Choose the UI that you want to modify. For example, let's select the **Settings UI**
3. Look in the **Inspector**
4. Select **Menus\_label Source Image**<br>

   <figure><img src="https://120772374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDqBWm2nSW4GQ9A7vUAIq%2Fuploads%2F1IRWiINvJDEyCkTRQMhG%2Fimage.png?alt=media&#x26;token=37533251-c9c3-45ca-81e8-82ce3d1a7f45" alt=""><figcaption></figcaption></figure>
5. Change the color to the one you want<br>

   <figure><img src="https://120772374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDqBWm2nSW4GQ9A7vUAIq%2Fuploads%2FKhICnq8yPcBRs9ZXQG5H%2Fimage.png?alt=media&#x26;token=3236dfa0-bc94-4d73-953f-73a9bf4a38c0" alt=""><figcaption></figcaption></figure>
6. Repeat the process for other images, buttons, and text elements<br>

   <figure><img src="https://120772374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDqBWm2nSW4GQ9A7vUAIq%2Fuploads%2FqSBBKqAsGI6i8GKI13BQ%2Fimage.png?alt=media&#x26;token=85383bae-83ed-4e64-abb6-6b047e161a79" alt=""><figcaption></figcaption></figure>
7. Use the **eyedropper tool** (pipette) to pick a color from any image or reference<br>

   <figure><img src="https://120772374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDqBWm2nSW4GQ9A7vUAIq%2Fuploads%2FJXyznNmfKMp4fc2LfBHx%2Fimage.png?alt=media&#x26;token=05264fee-0182-4312-81d1-ee7182c79f9a" alt=""><figcaption></figcaption></figure>
8. To change the background, reskin the <mark style="color:orange;">**main-background.png**</mark> file. You can find it in the <mark style="color:orange;">**Sprites**</mark>**&#x20;->&#x20;**<mark style="color:orange;">**general-ui**</mark> folder. The background is a gradient, so to reskin it, you'll need to use a graphic editor.