# UI Color Customization

## <mark style="color:yellow;">Usage</mark>

{% stepper %}
{% step %}

### Enter the folder with the script

{% endstep %}

{% step %}

### Enter <kbd>html</kbd> folder

{% endstep %}

{% step %}

### Open the <kbd>colors.css</kbd> file

{% endstep %}
{% endstepper %}

#### The code looks like this

```css
/* YOU CAN'T USE A COMMA BETWEEN RGB */
    --primary: 253 209 64; /* #fdd140 */
    --primary-rgba: 253, 209, 64; /* #fdd140 keep comma only here*/
    --background-primary: 71 57 19; /* #473913 */
    --background-from: 15 12 4; /* #0F0C04 */
    --background-to: 35 29 8; /* #231D08 */
```

#### To customize the UI for yourself, simply edit the RGB color.

## <mark style="color:yellow;">Examples of color changes</mark>

<figure><img src="https://1714064783-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6r0GTBPEC7Oy1kbdLspK%2Fuploads%2FRPNNrhG9eVFu1e12tF1C%2Fimage.png?alt=media&#x26;token=1beb68d8-a364-42da-a1f8-74bbe3d69206" alt=""><figcaption></figcaption></figure>