We always recommend first installing the Pterodactyl Theme, and then the Pterodactyl addons.
The Pterodactyl Panel's front-end is made with React. If you change the source files, you need to recompile them, also called building your panel assets. This also goes for style sheets. To build your panel some necessary assets are required: https://pterodactyl.io/community/customization/panel.html
Once you've installed the necessary assets, you can begin installing the theme. Simply drag and drop the files into your Pterodactyl folder to get started. When the files are uploaded, execute the following:
Arix.ggnode -v
export NODE_OPTIONS=--openssl-legacy-provider # for NodeJS v17+
php artisan arix install
In case the that you're experiencing an error anywhere during the installation process, try the following step:
chmod -R 755 storage/* bootstrap/cache
php artisan migrate --force
php artisan optimize:clear
php artisan optimize
For any queries or assistance, feel free to join our Discord community