---
description: Installation guide and fundamental concepts of crm-loadingscreen.
---

# Installation

{% hint style="warning" %}
**If you prefer us to handle the script installations for you, simply reach out to us on our Discord server, and one of our developers will assist you promptly.**
{% endhint %}

## 1. Download Resource

To begin, download your recently purchased resource from [corem.tebex.io](https://corem.tebex.io/). To do this, log in to your [keymaster ](https://keymaster.fivem.net/asset-grants/)account and navigate to the 'Asset Grants' section, where you will find our resources.

## 2. Dependencies

All CoreM scripts rely solely on the **crm-core** resource, which serves as the central component for their functionality. When you purchase any script from our store, you will receive the crm-core resource at **no additional cost**, as it forms **the foundation** of our scripts.

{% hint style="warning" %}
**WARNING!**

Before installing any other CoreM resources, ensure that you have installed the crm-core resource first. You can find detailed installation instructions for crm-core on its dedicated [installation page](../crm-core/installation).
{% endhint %}

## 3. Asset Arrangement

{% hint style="danger" %}
Make sure to delete any other loading screen scripts you have in your resources folder.
{% endhint %}

1. **Create a Folder:** In your resources directory, create a new folder and name it <mark style="color:yellow;">\[crm-scripts]</mark>.
2. **Organize Resources:** Place the <mark style="color:purple;">**crm-core**</mark> and <mark style="color:purple;">**crm-loadingscreen**</mark> packages in this newly created <mark style="color:yellow;">\[crm-scripts]</mark> folder. Additionally, if you have purchased any other CoreM resources, also put them in the same folder.
3. **Server.cfg file:** In your <mark style="color:red;">server.cfg</mark> file, you should ensure the <mark style="color:purple;">**crm-core**</mark> resource first, followed by the <mark style="color:yellow;">\[crm-scripts]</mark> folder.
4. You should ensure corem scripts always after your qb-core / qbx-core / es\_extended resource!

```editorconfig
# make sure it's after your core resource, not before it!!!
ensure crm-core
ensure [crm-scripts]
```

## 4. Colors

You have the ability to modify the colors of <mark style="color:orange;">all our scripts</mark> centrally from <mark style="color:orange;">a single location</mark>.

<mark style="color:yellow;">crm-core</mark> -> crm-web -> crm-styles -> <mark style="color:purple;">crm-main.css</mark>

```css
/* ************************ crm-atoms ************************ */

:root {
    --crm-dark: 39, 39, 39;
    --crm-second: 52, 52, 52;
    --crm-third: 30, 30, 30;
    --crm-primary: 255, 176, 96; 
    --crm-white: 255, 255, 255;
    --crm-danger: 218, 55, 60;
    --crm-success: 36, 128, 70;
    --crm-warning: 207, 177, 54;
}
```
