📘

Theme Park

All unofficial application installers are provided for your convenience. The scripts are provided as-is and may not be updated or maintained by Ultra.cc. Clients are welcome to use and customize unofficial app installers for their unique needs and requirements. Unofficial support may be offered via Discord only and at the sole discretion of Ultra.cc staff. Use at your own risk and only if you are comfortable managing the application on your own.

Theme Park is an application that provides custom themes and CSS addons for more than 50 self-hosted applications. See their website theme-park.dev for more information and documentation.

For a list of all supported applications by Theme Park, see this link.

Installation

The Nginx configuration file for each application can be found in ~/.apps/nginx/proxy.d. Please note that if you edit any of these files, they will be overwritten with the default version when you click on Reinstall Webserver from your User Control Panel or if you reinstall the webserver from your shell. Therefore, it is recommended you make a backup of any edited files and store them outside of the ~/.apps/nginx folder.

This also means that you have a way of recovering if you make a mistake and your application won’t load: Just click Reinstall Webserver from your User Control Panel.

There are several ways of setting up Theme Park, but in the shared environment of Ultra.cc the Subfilter method is preferred. Specifically the Nginx section, as it is the webserver installed on all Ultra.cc services.

In this guide, we will use Deluge as an example. But, some applications may have blocks in place and the setup process will look a bit different. So, always make sure to check the specific process for each application.

Connect to your Ultra service via SSH, see guide here.
Once connected, execute the following command:

nano ~/.apps/nginx/proxy.d/deluge.conf

Paste the following into deluge.conf. Make sure to paste it somewhere within the { } brackets.

proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/><APP_NAME>/<THEME>.css">
</head>';
sub_filter_once on;

Replace <APP_NAME> and <THEME> with Deluge and dark, or another theme of your choice.
If done correctly, it should look like the below image.

Press CTRL+x to save and exit. Confirm by pressing y and ENTER.
Next, restart the webserver by executing app-nginx restart, or click on Restart Webserver from your User Control Panel.

That's it, now simply access your Deluge instance from the webUI in your webbrowser, and you should see the new theme applied. See before and after images below.

Before

After

If you require further assistance, you can open a support ticket here!

Feedback and suggestions regarding this article are welcome on our Discord server

Theme Park
Installation
Before
After