diff --git a/docs/site_assets/dozzle/aquamarine.png b/docs/site_assets/dozzle/aquamarine.png index 09573b61..e84964d6 100644 Binary files a/docs/site_assets/dozzle/aquamarine.png and b/docs/site_assets/dozzle/aquamarine.png differ diff --git a/docs/site_assets/dozzle/dark.png b/docs/site_assets/dozzle/dark.png index 32d6b777..4efab8c7 100644 Binary files a/docs/site_assets/dozzle/dark.png and b/docs/site_assets/dozzle/dark.png differ diff --git a/docs/site_assets/dozzle/dracula.png b/docs/site_assets/dozzle/dracula.png index 86db5f02..78fb81a2 100644 Binary files a/docs/site_assets/dozzle/dracula.png and b/docs/site_assets/dozzle/dracula.png differ diff --git a/docs/site_assets/dozzle/hotline.png b/docs/site_assets/dozzle/hotline.png index 3c8c24af..163316bd 100644 Binary files a/docs/site_assets/dozzle/hotline.png and b/docs/site_assets/dozzle/hotline.png differ diff --git a/docs/site_assets/dozzle/hotpink.png b/docs/site_assets/dozzle/hotpink.png new file mode 100644 index 00000000..7215b94b Binary files /dev/null and b/docs/site_assets/dozzle/hotpink.png differ diff --git a/docs/site_assets/dozzle/maroon.png b/docs/site_assets/dozzle/maroon.png new file mode 100644 index 00000000..53bb1566 Binary files /dev/null and b/docs/site_assets/dozzle/maroon.png differ diff --git a/docs/site_assets/dozzle/nord.png b/docs/site_assets/dozzle/nord.png new file mode 100644 index 00000000..656cea80 Binary files /dev/null and b/docs/site_assets/dozzle/nord.png differ diff --git a/docs/site_assets/dozzle/organizr.png b/docs/site_assets/dozzle/organizr.png index 16a082b6..6ada43c4 100644 Binary files a/docs/site_assets/dozzle/organizr.png and b/docs/site_assets/dozzle/organizr.png differ diff --git a/docs/site_assets/dozzle/overseerr.png b/docs/site_assets/dozzle/overseerr.png new file mode 100644 index 00000000..707fd731 Binary files /dev/null and b/docs/site_assets/dozzle/overseerr.png differ diff --git a/docs/site_assets/dozzle/plex.png b/docs/site_assets/dozzle/plex.png index 4c2f5888..761d1818 100644 Binary files a/docs/site_assets/dozzle/plex.png and b/docs/site_assets/dozzle/plex.png differ diff --git a/docs/site_assets/dozzle/space-gray.png b/docs/site_assets/dozzle/space-gray.png index 7b0f5f59..6ab994c0 100644 Binary files a/docs/site_assets/dozzle/space-gray.png and b/docs/site_assets/dozzle/space-gray.png differ diff --git a/docs/site_assets/jellyfin/aquamarine.png b/docs/site_assets/jellyfin/aquamarine.png index a063775c..aa4a2fc0 100644 Binary files a/docs/site_assets/jellyfin/aquamarine.png and b/docs/site_assets/jellyfin/aquamarine.png differ diff --git a/docs/site_assets/jellyfin/dark.png b/docs/site_assets/jellyfin/dark.png index 1b8a6bed..2a01c7b5 100644 Binary files a/docs/site_assets/jellyfin/dark.png and b/docs/site_assets/jellyfin/dark.png differ diff --git a/docs/site_assets/jellyfin/dracula.png b/docs/site_assets/jellyfin/dracula.png index 9271a479..eca21866 100644 Binary files a/docs/site_assets/jellyfin/dracula.png and b/docs/site_assets/jellyfin/dracula.png differ diff --git a/docs/site_assets/jellyfin/hotline.png b/docs/site_assets/jellyfin/hotline.png index 2f8496dd..18fcdfdf 100644 Binary files a/docs/site_assets/jellyfin/hotline.png and b/docs/site_assets/jellyfin/hotline.png differ diff --git a/docs/site_assets/jellyfin/hotpink.png b/docs/site_assets/jellyfin/hotpink.png new file mode 100644 index 00000000..4b66c21c Binary files /dev/null and b/docs/site_assets/jellyfin/hotpink.png differ diff --git a/docs/site_assets/jellyfin/maroon.png b/docs/site_assets/jellyfin/maroon.png new file mode 100644 index 00000000..c982b18b Binary files /dev/null and b/docs/site_assets/jellyfin/maroon.png differ diff --git a/docs/site_assets/jellyfin/nord.png b/docs/site_assets/jellyfin/nord.png new file mode 100644 index 00000000..ef1f33e4 Binary files /dev/null and b/docs/site_assets/jellyfin/nord.png differ diff --git a/docs/site_assets/jellyfin/organizr.png b/docs/site_assets/jellyfin/organizr.png index 41d62b68..af4a3b73 100644 Binary files a/docs/site_assets/jellyfin/organizr.png and b/docs/site_assets/jellyfin/organizr.png differ diff --git a/docs/site_assets/jellyfin/overseerr.png b/docs/site_assets/jellyfin/overseerr.png new file mode 100644 index 00000000..745c44c9 Binary files /dev/null and b/docs/site_assets/jellyfin/overseerr.png differ diff --git a/docs/site_assets/jellyfin/plex.png b/docs/site_assets/jellyfin/plex.png index 55c70063..9f216d64 100644 Binary files a/docs/site_assets/jellyfin/plex.png and b/docs/site_assets/jellyfin/plex.png differ diff --git a/docs/site_assets/jellyfin/space-gray.png b/docs/site_assets/jellyfin/space-gray.png index 3d404d5b..9bdbe0de 100644 Binary files a/docs/site_assets/jellyfin/space-gray.png and b/docs/site_assets/jellyfin/space-gray.png differ diff --git a/docs/site_assets/nginx-proxy-manager/aquamarine.png b/docs/site_assets/nginx-proxy-manager/aquamarine.png index acf6326b..7536a6ca 100644 Binary files a/docs/site_assets/nginx-proxy-manager/aquamarine.png and b/docs/site_assets/nginx-proxy-manager/aquamarine.png differ diff --git a/docs/site_assets/nginx-proxy-manager/dark.png b/docs/site_assets/nginx-proxy-manager/dark.png index 48b0b4db..d46ea83f 100644 Binary files a/docs/site_assets/nginx-proxy-manager/dark.png and b/docs/site_assets/nginx-proxy-manager/dark.png differ diff --git a/docs/site_assets/nginx-proxy-manager/dracula.png b/docs/site_assets/nginx-proxy-manager/dracula.png index 205bcf7a..048ea1f5 100644 Binary files a/docs/site_assets/nginx-proxy-manager/dracula.png and b/docs/site_assets/nginx-proxy-manager/dracula.png differ diff --git a/docs/site_assets/nginx-proxy-manager/hotline.png b/docs/site_assets/nginx-proxy-manager/hotline.png index fe6b9136..f54ac1ce 100644 Binary files a/docs/site_assets/nginx-proxy-manager/hotline.png and b/docs/site_assets/nginx-proxy-manager/hotline.png differ diff --git a/docs/site_assets/nginx-proxy-manager/hotpink.png b/docs/site_assets/nginx-proxy-manager/hotpink.png index c0d02825..240b8712 100644 Binary files a/docs/site_assets/nginx-proxy-manager/hotpink.png and b/docs/site_assets/nginx-proxy-manager/hotpink.png differ diff --git a/docs/site_assets/nginx-proxy-manager/maroon.png b/docs/site_assets/nginx-proxy-manager/maroon.png new file mode 100644 index 00000000..27956725 Binary files /dev/null and b/docs/site_assets/nginx-proxy-manager/maroon.png differ diff --git a/docs/site_assets/nginx-proxy-manager/nord.png b/docs/site_assets/nginx-proxy-manager/nord.png index 6f97ff6b..c2a403b8 100644 Binary files a/docs/site_assets/nginx-proxy-manager/nord.png and b/docs/site_assets/nginx-proxy-manager/nord.png differ diff --git a/docs/site_assets/nginx-proxy-manager/organizr.png b/docs/site_assets/nginx-proxy-manager/organizr.png index 9274482a..a9e15be9 100644 Binary files a/docs/site_assets/nginx-proxy-manager/organizr.png and b/docs/site_assets/nginx-proxy-manager/organizr.png differ diff --git a/docs/site_assets/nginx-proxy-manager/overseerr.png b/docs/site_assets/nginx-proxy-manager/overseerr.png index b914064a..0442284d 100644 Binary files a/docs/site_assets/nginx-proxy-manager/overseerr.png and b/docs/site_assets/nginx-proxy-manager/overseerr.png differ diff --git a/docs/site_assets/nginx-proxy-manager/plex.png b/docs/site_assets/nginx-proxy-manager/plex.png index a3c6be3a..ad7af74c 100644 Binary files a/docs/site_assets/nginx-proxy-manager/plex.png and b/docs/site_assets/nginx-proxy-manager/plex.png differ diff --git a/docs/site_assets/nginx-proxy-manager/space-gray.png b/docs/site_assets/nginx-proxy-manager/space-gray.png index 2f468fc2..38c78169 100644 Binary files a/docs/site_assets/nginx-proxy-manager/space-gray.png and b/docs/site_assets/nginx-proxy-manager/space-gray.png differ diff --git a/docs/themes/addons/whisparr/whisparr-4k-logo/desktop.png b/docs/themes/addons/whisparr/whisparr-4k-logo/desktop.png new file mode 100644 index 00000000..403158b4 Binary files /dev/null and b/docs/themes/addons/whisparr/whisparr-4k-logo/desktop.png differ diff --git a/docs/themes/addons/whisparr/whisparr-4k-logo/index.md b/docs/themes/addons/whisparr/whisparr-4k-logo/index.md new file mode 100644 index 00000000..a1389b54 --- /dev/null +++ b/docs/themes/addons/whisparr/whisparr-4k-logo/index.md @@ -0,0 +1,36 @@ +# Whisparr 4K logo + +Adds the gold 4K mark to the purple Whisparr logo in the header, mobile menu, +loading screen, and login page. Supports Whisparr v2 and v3. + +![Whisparr 4K logo](desktop.png) + +![Whisparr 4K logo in the mobile menu](mobile.png) + +## Setup + +### Docker mod and Hotio + +Add `TP_ADDON=whisparr-4k-logo` to your existing theme.park configuration and +recreate the container. Separate multiple addons with `|`. + +For Hotio, follow the [startup script setup](../../../../setup/index.md#hotio-containers-s6-overlay-v3-images) +and set `TP_HOTIO=true`. + +### Reverse proxy + +Add this stylesheet after your Whisparr theme: + +```html + +``` + +Inject before ``, as required by the [Whisparr setup](../../../whisparr.md). + +### Stylus + +Add this import after your theme import: + +```css +@import url("https://theme-park.dev/css/addons/whisparr/whisparr-4k-logo/whisparr-4k-logo.css"); +``` diff --git a/docs/themes/addons/whisparr/whisparr-4k-logo/mobile.png b/docs/themes/addons/whisparr/whisparr-4k-logo/mobile.png new file mode 100644 index 00000000..5a819d76 Binary files /dev/null and b/docs/themes/addons/whisparr/whisparr-4k-logo/mobile.png differ diff --git a/docs/themes/dozzle.md b/docs/themes/dozzle.md index bfa6ab5a..509cfdbc 100644 --- a/docs/themes/dozzle.md +++ b/docs/themes/dozzle.md @@ -37,4 +37,6 @@ proxy_hide_header "content-security-policy"; {% include-markdown "../themes/addons/addons.md" %} -{% include-markdown "../themes/screenshots.md" %} \ No newline at end of file +Dozzle v11.0.1. + +{% include-markdown "../themes/screenshots.md" %} diff --git a/docs/themes/jellyfin.md b/docs/themes/jellyfin.md index 5df498a5..73c48639 100644 --- a/docs/themes/jellyfin.md +++ b/docs/themes/jellyfin.md @@ -4,23 +4,42 @@ {% include-markdown "../themes/installation.md" %} -Go to `Dashboard` -> `General` and scroll down to `Branding` +Choose one method below. Use subfiltering if you want the dashboard +themed too. -In the custom CSS input field add: +### Built-in Custom CSS + +These screenshots show Jellyfin 12.0. + +Open **Dashboard > Branding** and add this to **Custom CSS code**, replacing +`` with a [theme option](/theme-options/). Save your changes. ```css @import url("https://theme-park.dev/css/base/jellyfin/.css"); ``` -and hit save. - -i.e. +For example, Nord: ```css @import url("https://theme-park.dev/css/base/jellyfin/nord.css"); ``` - +### Subfiltering, including the dashboard + +Jellyfin 12 does not load its Custom CSS setting in the admin dashboard. +To theme those pages too, use [subfiltering](/setup/#subfiltering) instead of +the built-in method. Remove any theme.park import from **Custom CSS code** +and save before switching. + +Follow the setup guide for your reverse proxy and inject this stylesheet into +the web client HTML, replacing `` with your selected theme option: + +```text +https://theme-park.dev/css/base/jellyfin/.css +``` + +Keep injection out of API, media, and WebSocket responses. Subfiltering themes +both regular pages and the dashboard without a second import in Jellyfin. {% include-markdown "../themes/addons/addons.md" %} diff --git a/docs/themes/nginx-proxy-manager.md b/docs/themes/nginx-proxy-manager.md index 47e458a5..fbebe36a 100644 --- a/docs/themes/nginx-proxy-manager.md +++ b/docs/themes/nginx-proxy-manager.md @@ -4,24 +4,52 @@ {% include-markdown "../themes/installation.md" %} +The theme targets NPM's React UI, introduced in 2.13.0, and was verified with +**Nginx Proxy Manager 2.15.1** in both native light and dark modes. Older UI +versions are not supported by this rewrite. + #### Docker -Download the script from the theme.park repo `docker-mods/nginx-proxy-manager/root/etc/cont-init.d/98-themepark` and save it on your host. +For the official `jc21/nginx-proxy-manager` image, download the +[theme.park startup script](https://github.com/themepark-dev/theme.park/blob/master/docker-mods/nginx-proxy-manager/root/etc/cont-init.d/98-themepark) +and make it executable: -Mount the file to `/etc/cont-init.d/98-themepark` like so: +```bash +curl -fsSL https://raw.githubusercontent.com/themepark-dev/theme.park/master/docker-mods/nginx-proxy-manager/root/etc/cont-init.d/98-themepark -o 98-themepark-npm +chmod +x 98-themepark-npm +``` -```yml +Add the script mount and theme settings to your existing NPM service: + +```yaml + environment: + TP_THEME: organizr volumes: - - /your/save/path/98-themepark-npm:/etc/cont-init.d/99-themepark + - /your/save/path/98-themepark-npm:/etc/cont-init.d/99-themepark:ro ``` -```bash - -v /your/save/path/98-themepark-npm:/etc/cont-init.d/99-themepark -``` +Use the absolute path where you saved the script. Keep your existing NPM ports, +data volumes and other settings. Recreate the container after adding the mount +or changing a theme setting. Restarting the same container does not replace +stylesheet links already inserted into its HTML. + +This image uses the mounted startup script, not the LinuxServer `DOCKER_MODS` +environment variable. -!!! Warning - Make sure the file is executable! `chmod +x 98-themepark-npm` +| Variable | Default | Purpose | +| --- | --- | --- | +| `TP_THEME` | `organizr` | Theme option name, such as `aquamarine` or `nord`. | +| `TP_COMMUNITY_THEME` | `false` | Set to `true` for a [community theme](/community-themes/), such as `catppuccin-latte`. | +| `TP_DOMAIN` | `theme-park.dev` | CSS host, without a scheme. Set this when self-hosting theme.park. | +| `TP_SCHEME` | `https` | Scheme used to fetch the CSS. | + +The script inserts two stylesheet links: the NPM base CSS and the selected theme +option. Both must load. If the theme does not appear, check the container logs, +the script's executable permission, and the browser's stylesheet requests. +The CSS host must be reachable from your browser. {% include-markdown "../themes/addons/addons.md" %} -{% include-markdown "../themes/screenshots.md" %} \ No newline at end of file +NPM 2.15.1 with sample hosts and the rewritten theme. + +{% include-markdown "../themes/screenshots.md" %} diff --git a/mkdocs.yml b/mkdocs.yml index 4da5b1da..4d255301 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -157,6 +157,7 @@ nav: Prowlarr Darker: themes/addons/prowlarr/prowlarr-darker Prowlarr Text Logo: themes/addons/prowlarr/prowlarr-text-logo Whisparr: + Whisparr 4K Logo: themes/addons/whisparr/whisparr-4k-logo/index.md Whisparr Darker: themes/addons/whisparr/whisparr-darker Whisparr Alternative Calendar: themes/addons/whisparr/whisparr-alt-calendar Organizr: themes/addons/organizr/index.md @@ -307,6 +308,8 @@ extra: Prowlarr Text Logo: path: themes/addons/prowlarr/prowlarr-text-logo whisparr: + Whisparr 4K Logo: + path: themes/addons/whisparr/whisparr-4k-logo Whisparr Darker: path: themes/addons/whisparr/whisparr-darker Alternative Calendar: