How to set up Theme Park
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 ssh. 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.cc slot 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>
withDeluge
anddark
, 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 pressingy
andENTER
. - 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
![Before](http://docs.ultra.cc/uploads/images/gallery/2023-09/image-1693767309681.png)
After
![After](http://docs.ultra.cc/uploads/images/gallery/2023-09/image-1693766964374.png)