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.

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.

nano ~/.apps/nginx/proxy.d/deluge.conf
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;

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

After

After

Revision #5
Created 28 August 2023 09:30:38 by Varg
Updated 20 November 2023 20:24:30 by Varg