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

# Guide: Pterodactyl Theme Installation

## 1. Upload the files

Drag the the provided files & folders *("**tailwind.config"**  file & **"resources"** folder)* in your pterodactyl directory (*usually: **/var/www/pterodactyl***)

## 2. Install Dependencies

Once you've uploaded  the requested files, open your **SSH** *(Console / Root)* and install **nodejs** and **yarn** with the following commands**:**

### **Installing Nodejs on Ubuntu/Debian:**

```bash
curl -sL https://deb.nodesource.com/setup_20.x | sudo -E bash -
apt install -y nodejs
```

### Installing Nodejs on CentOS:

 [⚠️](https://emojipedia.org/warning/) **Attention:** Run only the command interested for your OS version

```bash
# Any Other Version of CentOS:
curl -sL https://rpm.nodesource.com/setup_20.x | sudo -E bash -

# CentOS 8:
sudo dnf install -y nodejs yarn

# CentOS 7:
sudo yum install -y nodejs yarn
```

### Installing Yarn on **Ubuntu/Debian/CentOS:**

```bash
npm i -g yarn
```

## 3. Building the panel:

### Install panel build dependencies:

```bash
cd /var/www/pterodactyl
yarn
```

### Build the panel:

```bash
cd /var/www/pterodactyl
yarn build:production
```

**✅ Done, enjoy your panel and thank you for your support!**\
*You can leave a* [⭐](https://emojipedia.org/star/)[⭐](https://emojipedia.org/star/)[⭐](https://emojipedia.org/star/)[⭐](https://emojipedia.org/star/)[⭐](https://emojipedia.org/star/) ***review** if you want, it will support me a lot!*

{% hint style="info" %}
**In case of any problems or questions you can contact me on our support discord, and I will be happy to answer/help you:** [**http://discord.ultrasetups.com**](< http://discord.ultrasetups.com>)
{% endhint %}