> For the complete documentation index, see [llms.txt](https://arrayscripts.gitbook.io/arrayscripts/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://arrayscripts.gitbook.io/arrayscripts/products/array_loadingscreen/configuration.md).

# Configuration

{% hint style="danger" %} <mark style="color:$danger;">**Important:**</mark> After making changes to the configuration, restart the resource using:

`ensure array_loadingscreen`
{% endhint %}

## Config Files

{% tabs %}
{% tab title="config.js" %}
{% code lineNumbers="true" expandable="true" %}

```javascript
const Config = {

    Locale: "en", // de / en (If your language isn't available, you can add it yourself or open a support ticket.)

    Locales: {
        de: {

            Server: {
                name: "ARRAY",
                subName: "SCRIPTS",
                welcomeText: "WILLKOMMEN ZURÜCK",
                description: "Willkommen auf unserem Roleplay Server. Erlebe eine lebendige Stadt voller Möglichkeiten und einzigartiger Charaktere. Ob legal oder illegal hier entscheidest du selbst über deinen Weg."
            },

            Loading: {
                loadingText: "Lade",
                resourceText: "Server Ressourcen",
                mapText: "Map",
                startText: "Starte"
            }
        },
        en: {

            Server: {
                name: "ARRAY",
                subName: "SCRIPTS",
                welcomeText: "WELCOME BACK",
                description: "Welcome to our roleplay server. Experience a vibrant city full of opportunities and unique characters. Whether legal or illegal, here you decide your own path."
            },

            Loading: {
                loadingText: "Loading",
                resourceText: "Server Resources",
                mapText: "Map",
                startText: "Starting"
            }
        }
    },

    Video: {
        // Not all MP4 files are supported by FiveM.
        // If your video does not play correctly, re-encode it to a compatible MP4 format.
        // You can use CloudConvert for this:
        // https://cloudconvert.com/mp4-to-mp4
        enabled: true,
        url: "../configs/data/video.mp4" // Path or Link to MP4 file
    },

    Socials: [ // You can add more here.
        { name: "Discord", url: "https://discord.gg/arrayscripts", icon: "img/discord.svg" },
        { name: "Tebex Shop", url: "https://shop.arrayscripts.com/", icon: "img/shop.svg" },
        { name: "TikTok", url: "https://www.tiktok.com/@arrayscripts", icon: "img/tiktok.svg" }
    ],

    Music: {
        enabled: true, // true or false
        defaultVolume: 50, // Range: 0 - 100
        mp3: [ // You can add more here.
            {
                title: "Track 1",
                author: "Artist",
                url: "../configs/data/audio.mp3"
            }
        ]
    }
};
```

{% endcode %}
{% endtab %}

{% tab title="color\_config.css" %}
{% code lineNumbers="true" expandable="true" %}

```css
:root {
    --primary: #893AE6;
    --primary-dark: #632AA5;
    --primary-glow: rgba(137, 58, 230, 0.55);
    --primary-light: rgba(137, 58, 230, 0.06);
}
```

{% endcode %}
{% endtab %}
{% endtabs %}

## CSS Themes

{% tabs %}
{% tab title="red.css" %}
{% code lineNumbers="true" expandable="true" %}

```css
:root {
    --primary: #FF0000;
    --primary-dark: #CC0000;
    --primary-glow: rgba(255, 0, 0, 0.55);
    --primary-light: rgba(255, 0, 0, 0.06);
}
```

{% endcode %}
{% endtab %}

{% tab title="blue.css" %}
{% code lineNumbers="true" expandable="true" %}

```css
:root {
    --primary: #87CEFA;
    --primary-dark: #5DADE2;
    --primary-glow: rgba(135, 206, 250, 0.55);
    --primary-light: rgba(135, 206, 250, 0.06);
}
```

{% endcode %}
{% endtab %}

{% tab title="yellow\.css" %}
{% code lineNumbers="true" expandable="true" %}

```css
:root {
    --primary: #FFD700;
    --primary-dark: #E6C200;
    --primary-glow: rgba(255, 215, 0, 0.55);
    --primary-light: rgba(255, 215, 0, 0.06);
}
```

{% endcode %}
{% endtab %}

{% tab title="green.css" %}
{% code lineNumbers="true" expandable="true" %}

```css
:root {
    --primary: #32CD32;
    --primary-dark: #228B22;
    --primary-glow: rgba(50, 205, 50, 0.55);
    --primary-light: rgba(50, 205, 50, 0.06);
}
```

{% endcode %}
{% endtab %}

{% tab title="orange.css" %}
{% code lineNumbers="true" expandable="true" %}

```css
:root {
    --primary: #FFA500;
    --primary-dark: #FF8C00;
    --primary-glow: rgba(255, 165, 0, 0.55);
    --primary-light: rgba(255, 165, 0, 0.06);
}
```

{% endcode %}
{% endtab %}
{% endtabs %}