theme.park

ENTER ONE SENTENCE DESCRIPTION HERE

Please read our disclaimer https://docs.ibracorp.io/#disclaimer.

Feature List

  • Make everything look nicer

  • No more large white surfaces on the screen that hurt your eyes

  • Not enough themes? There are plenty of more community themes

  • Still not enough themes? Make your own custom theme

  • Same look and feel across your Apps

Setup

There are many ways to get your theme.park theme added. Visit

and pick what works best for you. To mention a few, you can use Docker Mods, host them locally, make them work with revere proxy solutions like SWAG, Nginx Proxy Manager, Traefik, via your browser and many more.

Themes

The list of supported Apps is huge. Have a look:

All the ARRs, Plex, Jellyfin, Emby, SABnzbd, qBittorrent, Unraid, Filebrowser and many more.

There are even Addons to show a 4K logo on your Radarr and Sonnar taking care of 4K content, makes it easier to tell them apart.

Example Installations

Docker Mods for linuxserver.io images

Example Sonarr Docker Compose with theme Hotline:

version: "2.1"
services:
  sonarr:
    image: ghcr.io/linuxserver/sonarr
    container_name: sonarr
    environment:
      - PUID=1000
      - PGID=1000
      - TZ=Europe/London
      - DOCKER_MODS=ghcr.io/gilbn/theme.park:sonarr
      - TP_THEME=hotline
    volumes:
      - /path/to/data:/config
      - /path/to/media:/media
    ports:
      - 8989:8989
    restart: unless-stopped

Line 10 adds the theme sonarr and line 11 adds the theme option hotline. Just add those two lines and restart your docker container with the recreate option.

For Docker Compose the command is:

docker compose up -d --force-recreate

Hotio Scripts

Nginx Proxy Manager

Stylus Method

Stylus is a browser extension available for Chrome

and Firefox.

Follow the great instructions from theme.park:

Stylus looks out if you visit the website defined and injects the theme for you. No modifications needed on the server or app side. Downside of this method is that it will only work on the local browser where you installed Stylus and added the configurations.

4K Logo for Radarr

In our Docker Compose example above, you would add the following line in the Docker Compose for Radarr directly under the two lines we added for theme.park (lines 10 and 11). If the application supports multiple addons you can separate these with the | (pipe) symbol. ex: radarr-4k-logo|radarr-darker

      - TP_ADDON=radarr-4k-logo

Words from the Developer

theme.park also supports self-hosting. Because it's just CSS files, you can just place all the files in a directory on your web server, and host them like any normal website.

With self-hosting you also don't need to set up a github pages to host your custom theme. (Note: The reason you can't use the https://raw.githubusercontent.com domain directly is because they don't pass any mime types, so the css won't load properly.)

By using the theme.park docker image for selfhosting it will also create all the application theme files based on the contents of the theme-options folder upon restart of the container. This will make any custom theme option you add, available like so: https://yourdomain.com/css/base/<application>/<custom-theme-option>.css

If you don't use docker, you can achieve the same by manually running the themes.py python script

If you compare the master and live branches you can see what I mean.

Hotio scripts note: To make it easier, I added a script to download all mods.

This script will download all mods into the path you choose.

Defaults to /tmp/theme-park-mods is no path argument is passed.

  sudo apt-get install jq curl
  sudo bash -c "$(curl -fsSL https://theme-park.dev/fetch.sh)" /your/save/path

Theme option preview tip!

By clicking the "Click Me!" button on https://theme-park.dev/ you can get a preview of how the 11 official theme colors looks in a browser!

Special Thanks

  • theme.park developer GilbN for his input and guidance.

  • To our fantastic Discord community and our Admins Sycotix and Hawksy for their input and documentation (as always).

Final Words

We hope you enjoyed this guide. It was conceptualized, written, and implemented by our Admin DiscDuck.

Support Us

Our work sometimes takes months to research and develop. If you want to help support us please consider:

Thank you for being part of our community!

Last updated