> 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/spot-the-differences-game-toolkit/how-to-reskin-game-gui-in-unity.md).

# How to reskin game GUI in Unity

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

   <figure><img src="/files/BbUwVVHhq8z4WNyUVL9o" 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="/files/8lPoghzsnqQJZlfjKRIh" alt=""><figcaption></figcaption></figure>
5. Change the color to the one you want<br>

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

   <figure><img src="/files/hnoTSR0t2IgmN85jZ0hS" 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>
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.