PteroThemes
Themes for Pterodactyl 1.x
Install Theme
Follow all instructions below.
User Side
Create a file called main.css in /var/www/pterodactyl/resources/scripts
In that file put this text
@import url( https://oreokitten.github.io/PteroThemes/{ThemeName}/user.css );
After that edit the file index.tsx in /var/www/pterodactyl/resources/scripts
On line 6 at the end of the imports add this
import './main.css';
Admin Side
In the file admin.blade.php in /var/www/pterodactyl/resources/views/layouts/
On line 36 put the text
<link rel="stylesheet" href="https://oreokitten.github.io/PteroThemes/{ThemeName}/admin.css">
Install NodeJS
TIP
You may have to add sudo to the following commands if you are not root.
Using Nodesource
Ubuntu/Debian
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
apt install -y nodejs
CentOS
curl -sL https://rpm.nodesource.com/setup_14.x | sudo -E bash -
yum install -y nodejs # CentOS 7
dnf install -y nodejs # CentOS 8
By now, you should have NodeJS 12 installed. Make sure this is the case by checking node -v
Using Node Version Manager
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash
nvm install node
nvm alias default node
nvm use node
node -v should say 12.20.0 or newer
Install Yarn and Panel Dependencies
npm i -g yarn
Now you need to make sure you are in the panel directory
cd /var/www/pterodactyl
Installs panel build dependencies
yarn install
yarn add @emotion/react
Build Panel
Run this in your panel directory to apply changes (usually /var/www/pterodactyl)
yarn build:production
Preview
Below you shall find some previews of the themes.
