Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-07-07 04:19:17 +02:00
Code Issues Releases Wiki Activity

Update portainer-base.css (#262)

Browse Source 
* Develop (#256)

* plex base badge color fix

* addons_json fixes

* pep8 formatting

* themes.json update

* update backslash note in custom_text_header.js

* Closes #255

* themes.json

* Adds mylar 3 (#261)

* plex base badge color fix

* addons_json fixes

* pep8 formatting

* themes.json update

* update backslash note in custom_text_header.js

* fix for #255

* addon link fix

* mylar3 base init

* mylar3

* pr template link fix

* formatting

* more mylar3 stuff

* mylar3 base done..I think.prob not..

* mylar login page

* mylar3 readme

* theme.json update

* themes.json

* mylar3 dockermod

* Update README.md

* Update index.html

* Update portainer-base.css

Fix for https://github.com/GilbN/theme.park/issues/259

Co-authored-by: GilbN <24592972+GilbN@users.noreply.github.com>
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: GilbN <gilberg@gmail.com>
This commit is contained in:
Dulanic 2021-09-30 13:02:22 -05:00 committed by GitHub
parent ea7766edef
commit 6debdd2752
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 349 additions and 284 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CSS/themes/portainer/portainer-base.css
View File

@ -136,7 +136,7 @@ ul.sidebar .sidebar-list a {
}
.panel-body {
background-color: transparent;
background-color: transparent !important;
}
/* SIDEBAR */
@ -709,4 +709,4 @@ pre {
.widget .widget-body table thead tr:hover {
background-color: rgba(0, 0, 0, .35) !important;
background: rgba(0, 0, 0, .35) !important;
}
}

562
README.md
View File

@ -1,281 +1,281 @@
<img src="banners/tp_banner.png"/>
[![Docs](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Docs)](https://docs.theme-park.dev "Documentation for all the themes in this repository.")
[![Discord](https://img.shields.io/discord/591352397830553601.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=Discord&logo=discord)](https://discord.gg/HM5uUKU "Discord for theme installation support")
[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://github.com/GilbN/theme.park)
[![Support](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=&message=sponsor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABN0lEQVQ4T2NkoBAwIuv/HxDggMT/wLhhwwUQ/39AgAEDA4MATI5xw4YDcDaaAf+R+AcZN2wAG/g/IACkwR7JALjFYAbU5v0k+sYR5BLG/wEBCQwMDAUMDAz6DM3NDAxz5zIwPHhAjFkXGRgYJoAMaGBgYKgH6wgPZ2DYt4+B4fVrYgwAqWlENYBYbQwMDO8+sjH8+cvUSbYB6w9Kv/vwlW0aWYE4Z5MCAwfrf7fYnxN3wwwAxTEorvHGBMjZBy+Ivvv6jSXi20+OU+kMnR/RExIoQEGxIo8eHM/fcDA8fc114/J9/jVJv/prsSYkaJqYwMDAEIBsCMjme894bl6+w7s76e/EXGTDUVwAk0CJWgYGBliAIduM0wVIhoCS8X7kAMMWy1hdAPUKOGCXbJdnhQUYSQYQm6YAtdh8zhSGm1AAAAAASUVORK5CYII=)](https://github.com/sponsors/GilbN "Donate!")
[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://github.com/gilbN/theme.park/blob/master/LICENSE)
[![GitHub Package Repository](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Packages&logo=github)](https://github.com/users/GilbN/packages/container/package/theme.park)
[![Docker Pulls](https://img.shields.io/docker/pulls/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=pulls&logo=docker)](https://hub.docker.com/r/gilbn/theme.park)
[![Blog](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=technicalramblings&message=Blog)](https://technicalramblings.com/ "A blog with different guides :)")
<p align="center">A collection of themes/skins for your favorite apps!</p>
<div align="center">
<a href="https://docs.theme-park.dev/theme-options/aquamarine/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/ombi_aquamarine_small.png" alt="Screen Shot 1" width="49.15%" /></a>
<a href="https://docs.theme-park.dev/theme-options/hotpink/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/radarr_hotpink_small.png" alt="Screen Shot 2" width="49.15%" /></a>
<a href="https://docs.theme-park.dev/theme-options/overseerr/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/petio_overseerr_small.png" alt="Screen Shot 3" width="49.15%" /></a>
<a href="https://docs.theme-park.dev/theme-options/dracula/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/bazarr_dracula_small.png" alt="Screen Shot 4" width="49.15%" /></a>
</div>
<h1><a href="https://docs.theme-park.dev/themes/">Themes</a></h1>
<p align="center">Click on the banners for screenshots.</p>
<a href="https://docs.theme-park.dev/theme-options/dracula"><img src="https://docs.theme-park.dev/theme-options/dracula_banner_small.png" alt="Dracula" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/overseerr"><img src="https://docs.theme-park.dev/theme-options/overseerr_banner_small.png" alt="Overseerr" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/organizr-dark"><img src="https://docs.theme-park.dev/theme-options/organizr dark_banner_small.png" alt="Organizr-Dark" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/aquamarine"><img src="https://docs.theme-park.dev/theme-options/aquamarine_banner_small.png" alt="Aquamarine" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/hotline"><img src="https://docs.theme-park.dev/theme-options/hotline_banner_small.png" alt="Hotline" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/hotpink"><img src="https://docs.theme-park.dev/theme-options/hotpink_banner_small.png" alt="Hotpink" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/space-gray"><img src="https://docs.theme-park.dev/theme-options/space gray_banner_small.png" alt="Space-Gray" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/dark"><img src="https://docs.theme-park.dev/theme-options/dark_banner_small.png" alt="Dark" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/plex"><img src="https://docs.theme-park.dev/theme-options/plex_banner_small.png" alt="Plex" width="49.49%"/></a>
<h2><a href="https://docs.theme-park.dev/setup">Installation</a></h2>
<h2><a href="https://docs.theme-park.dev/themes/addons">Addons</a></h2>
<h2><a href="https://docs.theme-park.dev/community-themes/">Community Themes</a></h2>
<h2><a href="https://docs.theme-park.dev/custom/">Adding your own theme-options</a></h2>
<p align="center">Current themes in the repo</p>
<div align="center">
<table style="margin-left: auto; margin-right: auto;" cellspacing="10" cellpadding="10">
<tbody>
<tr style="height: 98px;">
<td style="width: 110px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/sonarr"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://docs.theme-park.dev/site_assets/sonarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/sonarr">Sonarr</a></p>
</td>
<td style="width: 160px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/radarr"><img src="https://docs.theme-park.dev/site_assets/radarr/logo.png" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/radarr">Radarr</a></p>
</td>
<td style="width: 10px; height: 98px; text-align: center;">
<p style="text-align: center;"><a href="https://docs.theme-park.dev/themes/lidarr"><img src="https://docs.theme-park.dev/site_assets/lidarr/logo.png" width="48" height="48" /></a></p>
<p style="text-align: center;"><a href="https://docs.theme-park.dev/themes/lidarr">Lidarr</a></p>
</td>
<td style="width: 136px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/readarr"><img src="https://docs.theme-park.dev/site_assets/readarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/readarr">Readarr</a></p>
</td>
<td style="width: 110px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/prowlarr"><img src="https://docs.theme-park.dev/site_assets/prowlarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/prowlarr">Prowlarr</a></p>
</td>
<td style="width: 90px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/bazarr"><img src="https://docs.theme-park.dev/site_assets/bazarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/bazarr">Bazarr</a></p>
</td>
<td style="width: 140px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/plex"><img src="https://docs.theme-park.dev/site_assets/plex/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/plex">Plex</a></p>
</td>
</tr>
<tr style="height: 26px;">
<td style="width: 109px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/jellyfin"><img src="https://docs.theme-park.dev/site_assets/jellyfin/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/jellyfin">Jellyfin</a></p>
</td>
<td style="width: 160px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/emby"><img src="https://docs.theme-park.dev/site_assets/emby/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/emby">Emby</a></p>
</td>
<td style="width: 10px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/ombi"><img src="https://docs.theme-park.dev/site_assets/ombi/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/ombi">Ombi</a></p>
</td>
<td style="width: 90px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/tautulli"><img src="https://docs.theme-park.dev/site_assets/tautulli/logo.png" alt="" width="48" height="45" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/tautulli">Tautulli</a></p>
</td>
<td style="width: 136px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/organizr"><img src="https://docs.theme-park.dev/site_assets/organizr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/organizr">Organizr</a></p>
</td>
<td style="width: 140px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/synclounge"><img src="https://docs.theme-park.dev/site_assets/synclounge/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/synclounge">Synclounge</a></p>
</td>
<td style="width: 109px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/deluge"><img src="https://docs.theme-park.dev/site_assets/deluge/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/deluge">Deluge</a></p>
</td>
</tr>
<tr style="height: 73px;">
<td style="width: 110px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/qbittorrent"><img src="https://docs.theme-park.dev/site_assets/qbittorrent/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/qbittorrent">qBittorrent</a></p>
</td>
<td style="width: 160px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/rutorrent"><img src="https://docs.theme-park.dev/site_assets/rutorrent/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/rutorrent">ruTorrent</a></p>
</td>
<td style="width: 10px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/transmission"><img src="https://docs.theme-park.dev/site_assets/transmission/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/transmission">Transmission</a></p>
</td>
<td style="width: 90px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/sabnzbd"><img src="https://docs.theme-park.dev/site_assets/sabnzbd/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/sabnzbd">SABnzbd</a></p>
</td>
<td style="width: 136px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/nzbget"><img src="https://docs.theme-park.dev/site_assets/nzbget/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/nzbget">NZBGet</a></p>
</td>
<td style="width: 140px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/nzbhydra2"><img src="https://docs.theme-park.dev/site_assets/nzbhydra2/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/nzbhydra2">NZBHydra 2</a></p>
</td>
<td style="width: 109px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/jackett"><img src="https://docs.theme-park.dev/site_assets/jackett/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/jackett">Jackett</a></p>
</td>
</tr>
<tr style="height: 56px;">
<td style="width: 110px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/grafana"><img src="https://docs.theme-park.dev/site_assets/grafana/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/grafana">Grafana (Deprecated)</a></p>
</td>
<td style="width: 160px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/netdata"><img src="https://docs.theme-park.dev/site_assets/netdata/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/netdata">Netdata</a></p>
</td>
<td style="width: 10px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/monitorr"><img src="https://docs.theme-park.dev/site_assets/monitorr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/monitorr">Monitorr (Deprecated)</a></p>
</td>
<td style="width: 90px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/logarr"><img src="https://docs.theme-park.dev/site_assets/logarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/logarr">Logarr (Deprecated)</a></p>
</td>
<td style="width: 136px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/portainer"><img src="https://docs.theme-park.dev/site_assets/portainer/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/portainer">Portainer</a></p>
</td>
<td style="width: 140px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/pihole"><img src="https://docs.theme-park.dev/site_assets/pihole/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/pihole">Pi-hole</a></p>
</td>
<td style="width: 109px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/guacamole"><img src="https://docs.theme-park.dev/site_assets/guacamole/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/guacamole">Guacamole</a></p>
</td>
</tr>
<tr style="height: 40px; text-align: center;">
<td style="width: 110px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/filebrowser"><img src="https://docs.theme-park.dev/site_assets/filebrowser/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/filebrowser">Filebrowser</a></p>
</td>
<td style="width: 160px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/plpp"><img src="https://docs.theme-park.dev/site_assets/plpp/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/plpp">PLPP (Deprecated)</a></p>
</td>
<td style="width: 10px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/librespeed"><img src="https://docs.theme-park.dev/site_assets/librespeed/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/librespeed">librespeed</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/thelounge"><img src="https://docs.theme-park.dev/site_assets/thelounge/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/thelounge">The Lounge (Deprecated)</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/lazylibrarian"><img src="https://docs.theme-park.dev/site_assets/lazylibrarian/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/lazylibrarian">Lazylibrarian</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/adguard"><img src="https://docs.theme-park.dev/site_assets/adguard/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/adguard">Adguard</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/gaps"><img src="https://docs.theme-park.dev/site_assets/gaps/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/gaps">Gaps</a></p>
</td>
</tr>
<tr>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/bitwarden"><img src="https://docs.theme-park.dev/site_assets/bitwarden/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/bitwarden">Bitwarden</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/duplicacy"><img src="https://docs.theme-park.dev/site_assets/duplicacy/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/duplicacy">Duplicacy</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/kitana"><img src="https://docs.theme-park.dev/site_assets/kitana/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/kitana">Kitana</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/webtools"><img src="https://docs.theme-park.dev/site_assets/webtools/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/webtools">Webtools (Deprecated)</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/resilio-sync"><img src="https://docs.theme-park.dev/site_assets/resilio-sync/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/resilio-sync">Resilio-Sync</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/gitea"><img src="https://docs.theme-park.dev/site_assets/gitea/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/gitea">Gitea</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/unraid"><img src="https://docs.theme-park.dev/site_assets/unraid/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/unraid">Unraid</a></p>
</td>
</tr>
<tr>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/moviematch"><img src="https://docs.theme-park.dev/site_assets/moviematch/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/moviematch">Moviematch</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/petio"><img src="https://docs.theme-park.dev/site_assets/petio/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/petio">Petio</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/flood"><img src="https://docs.theme-park.dev/site_assets/flood/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/flood">Flood</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/vuetorrent"><img src="https://docs.theme-park.dev/site_assets/vuetorrent/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/vuetorrent">VueTorrent</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/dozzle"><img src="https://docs.theme-park.dev/site_assets/dozzle/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/dozzle">Dozzle</a></p>
</td>
<td style="width: 110px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/calibreweb"><img src="https://docs.theme-park.dev/site_assets/calibreweb/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/calibreweb">Calibre-web</a></p>
</td>
<td style="width: 110px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/xbackbone"><img src="https://docs.theme-park.dev/site_assets/xbackbone/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/xbackbone">Xbackbone</a></p>
</td>
</tr>
<tr>
<td style="width: 90px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/requestrr"><img src="https://docs.theme-park.dev/site_assets/requestrr/logo.png" alt="" width="48" height="45" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/requestrr">Requestrr</a></p>
</td>
<td style="width: 90px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/uptime-kuma"><img src="https://docs.theme-park.dev/site_assets/uptime-kuma/logo.png" alt="" width="48" height="45" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/uptime-kuma">Uptime Kuma</a></p>
</td>
<td style="width: 90px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/mylar3"><img src="https://docs.theme-park.dev/site_assets/mylar3/logo.png" alt="" width="48" height="45" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/mylar3">Mylar 3</a></p>
</td>
</tr>
</tbody>
</table>
</div>
<br>
<h3><a href="https://docs.theme-park.dev/custom/">Honourable mentions</a></h3>
<p><a href="https://github.com/Archmonger/Blackberry-Themes">Archmonger/Blackberry-Themes</a></p>
<p><a href="https://github.com/leram84/layer.Cake/">leram84/layer.Cake</a></p>
<img src="banners/tp_banner.png"/>
[![Docs](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Docs)](https://docs.theme-park.dev "Documentation for all the themes in this repository.")
[![Discord](https://img.shields.io/discord/591352397830553601.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=Discord&logo=discord)](https://discord.gg/HM5uUKU "Discord for theme installation support")
[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://github.com/GilbN/theme.park)
[![Support](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=&message=sponsor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABN0lEQVQ4T2NkoBAwIuv/HxDggMT/wLhhwwUQ/39AgAEDA4MATI5xw4YDcDaaAf+R+AcZN2wAG/g/IACkwR7JALjFYAbU5v0k+sYR5BLG/wEBCQwMDAUMDAz6DM3NDAxz5zIwPHhAjFkXGRgYJoAMaGBgYKgH6wgPZ2DYt4+B4fVrYgwAqWlENYBYbQwMDO8+sjH8+cvUSbYB6w9Kv/vwlW0aWYE4Z5MCAwfrf7fYnxN3wwwAxTEorvHGBMjZBy+Ivvv6jSXi20+OU+kMnR/RExIoQEGxIo8eHM/fcDA8fc114/J9/jVJv/prsSYkaJqYwMDAEIBsCMjme894bl6+w7s76e/EXGTDUVwAk0CJWgYGBliAIduM0wVIhoCS8X7kAMMWy1hdAPUKOGCXbJdnhQUYSQYQm6YAtdh8zhSGm1AAAAAASUVORK5CYII=)](https://github.com/sponsors/GilbN "Donate!")
[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://github.com/gilbN/theme.park/blob/master/LICENSE)
[![GitHub Package Repository](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Packages&logo=github)](https://github.com/users/GilbN/packages/container/package/theme.park)
[![Docker Pulls](https://img.shields.io/docker/pulls/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=pulls&logo=docker)](https://hub.docker.com/r/gilbn/theme.park)
[![Blog](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=technicalramblings&message=Blog)](https://technicalramblings.com/ "A blog with different guides :)")
<p align="center">A collection of themes/skins for your favorite apps!</p>
<div align="center">
<a href="https://docs.theme-park.dev/theme-options/aquamarine/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/ombi_aquamarine_small.png" alt="Screen Shot 1" width="49.15%" /></a>
<a href="https://docs.theme-park.dev/theme-options/hotpink/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/radarr_hotpink_small.png" alt="Screen Shot 2" width="49.15%" /></a>
<a href="https://docs.theme-park.dev/theme-options/overseerr/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/petio_overseerr_small.png" alt="Screen Shot 3" width="49.15%" /></a>
<a href="https://docs.theme-park.dev/theme-options/dracula/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/bazarr_dracula_small.png" alt="Screen Shot 4" width="49.15%" /></a>
</div>
<h1><a href="https://docs.theme-park.dev/themes/">Themes</a></h1>
<p align="center">Click on the banners for screenshots.</p>
<a href="https://docs.theme-park.dev/theme-options/dracula"><img src="https://docs.theme-park.dev/theme-options/dracula_banner_small.png" alt="Dracula" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/overseerr"><img src="https://docs.theme-park.dev/theme-options/overseerr_banner_small.png" alt="Overseerr" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/organizr-dark"><img src="https://docs.theme-park.dev/theme-options/organizr dark_banner_small.png" alt="Organizr-Dark" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/aquamarine"><img src="https://docs.theme-park.dev/theme-options/aquamarine_banner_small.png" alt="Aquamarine" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/hotline"><img src="https://docs.theme-park.dev/theme-options/hotline_banner_small.png" alt="Hotline" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/hotpink"><img src="https://docs.theme-park.dev/theme-options/hotpink_banner_small.png" alt="Hotpink" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/space-gray"><img src="https://docs.theme-park.dev/theme-options/space gray_banner_small.png" alt="Space-Gray" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/dark"><img src="https://docs.theme-park.dev/theme-options/dark_banner_small.png" alt="Dark" width="49.49%"/></a>
<a href="https://docs.theme-park.dev/theme-options/plex"><img src="https://docs.theme-park.dev/theme-options/plex_banner_small.png" alt="Plex" width="49.49%"/></a>
<h2><a href="https://docs.theme-park.dev/setup">Installation</a></h2>
<h2><a href="https://docs.theme-park.dev/themes/addons">Addons</a></h2>
<h2><a href="https://docs.theme-park.dev/community-themes/">Community Themes</a></h2>
<h2><a href="https://docs.theme-park.dev/custom/">Adding your own theme-options</a></h2>
<p align="center">Current themes in the repo</p>
<div align="center">
<table style="margin-left: auto; margin-right: auto;" cellspacing="10" cellpadding="10">
<tbody>
<tr style="height: 98px;">
<td style="width: 110px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/sonarr"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://docs.theme-park.dev/site_assets/sonarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/sonarr">Sonarr</a></p>
</td>
<td style="width: 160px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/radarr"><img src="https://docs.theme-park.dev/site_assets/radarr/logo.png" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/radarr">Radarr</a></p>
</td>
<td style="width: 10px; height: 98px; text-align: center;">
<p style="text-align: center;"><a href="https://docs.theme-park.dev/themes/lidarr"><img src="https://docs.theme-park.dev/site_assets/lidarr/logo.png" width="48" height="48" /></a></p>
<p style="text-align: center;"><a href="https://docs.theme-park.dev/themes/lidarr">Lidarr</a></p>
</td>
<td style="width: 136px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/readarr"><img src="https://docs.theme-park.dev/site_assets/readarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/readarr">Readarr</a></p>
</td>
<td style="width: 110px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/prowlarr"><img src="https://docs.theme-park.dev/site_assets/prowlarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/prowlarr">Prowlarr</a></p>
</td>
<td style="width: 90px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/bazarr"><img src="https://docs.theme-park.dev/site_assets/bazarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/bazarr">Bazarr</a></p>
</td>
<td style="width: 140px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/plex"><img src="https://docs.theme-park.dev/site_assets/plex/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/plex">Plex</a></p>
</td>
</tr>
<tr style="height: 26px;">
<td style="width: 109px; height: 98px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/jellyfin"><img src="https://docs.theme-park.dev/site_assets/jellyfin/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/jellyfin">Jellyfin</a></p>
</td>
<td style="width: 160px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/emby"><img src="https://docs.theme-park.dev/site_assets/emby/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/emby">Emby</a></p>
</td>
<td style="width: 10px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/ombi"><img src="https://docs.theme-park.dev/site_assets/ombi/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/ombi">Ombi</a></p>
</td>
<td style="width: 90px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/tautulli"><img src="https://docs.theme-park.dev/site_assets/tautulli/logo.png" alt="" width="48" height="45" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/tautulli">Tautulli</a></p>
</td>
<td style="width: 136px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/organizr"><img src="https://docs.theme-park.dev/site_assets/organizr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/organizr">Organizr</a></p>
</td>
<td style="width: 140px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/synclounge"><img src="https://docs.theme-park.dev/site_assets/synclounge/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/synclounge">Synclounge</a></p>
</td>
<td style="width: 109px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/deluge"><img src="https://docs.theme-park.dev/site_assets/deluge/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/deluge">Deluge</a></p>
</td>
</tr>
<tr style="height: 73px;">
<td style="width: 110px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/qbittorrent"><img src="https://docs.theme-park.dev/site_assets/qbittorrent/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/qbittorrent">qBittorrent</a></p>
</td>
<td style="width: 160px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/rutorrent"><img src="https://docs.theme-park.dev/site_assets/rutorrent/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/rutorrent">ruTorrent</a></p>
</td>
<td style="width: 10px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/transmission"><img src="https://docs.theme-park.dev/site_assets/transmission/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/transmission">Transmission</a></p>
</td>
<td style="width: 90px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/sabnzbd"><img src="https://docs.theme-park.dev/site_assets/sabnzbd/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/sabnzbd">SABnzbd</a></p>
</td>
<td style="width: 136px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/nzbget"><img src="https://docs.theme-park.dev/site_assets/nzbget/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/nzbget">NZBGet</a></p>
</td>
<td style="width: 140px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/nzbhydra2"><img src="https://docs.theme-park.dev/site_assets/nzbhydra2/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/nzbhydra2">NZBHydra 2</a></p>
</td>
<td style="width: 109px; height: 73px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/jackett"><img src="https://docs.theme-park.dev/site_assets/jackett/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/jackett">Jackett</a></p>
</td>
</tr>
<tr style="height: 56px;">
<td style="width: 110px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/grafana"><img src="https://docs.theme-park.dev/site_assets/grafana/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/grafana">Grafana (Deprecated)</a></p>
</td>
<td style="width: 160px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/netdata"><img src="https://docs.theme-park.dev/site_assets/netdata/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/netdata">Netdata</a></p>
</td>
<td style="width: 10px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/monitorr"><img src="https://docs.theme-park.dev/site_assets/monitorr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/monitorr">Monitorr (Deprecated)</a></p>
</td>
<td style="width: 90px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/logarr"><img src="https://docs.theme-park.dev/site_assets/logarr/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/logarr">Logarr (Deprecated)</a></p>
</td>
<td style="width: 136px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/portainer"><img src="https://docs.theme-park.dev/site_assets/portainer/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/portainer">Portainer</a></p>
</td>
<td style="width: 140px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/pihole"><img src="https://docs.theme-park.dev/site_assets/pihole/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/pihole">Pi-hole</a></p>
</td>
<td style="width: 109px; height: 56px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/guacamole"><img src="https://docs.theme-park.dev/site_assets/guacamole/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/guacamole">Guacamole</a></p>
</td>
</tr>
<tr style="height: 40px; text-align: center;">
<td style="width: 110px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/filebrowser"><img src="https://docs.theme-park.dev/site_assets/filebrowser/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/filebrowser">Filebrowser</a></p>
</td>
<td style="width: 160px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/plpp"><img src="https://docs.theme-park.dev/site_assets/plpp/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/plpp">PLPP (Deprecated)</a></p>
</td>
<td style="width: 10px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/librespeed"><img src="https://docs.theme-park.dev/site_assets/librespeed/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/librespeed">librespeed</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/thelounge"><img src="https://docs.theme-park.dev/site_assets/thelounge/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/thelounge">The Lounge (Deprecated)</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/lazylibrarian"><img src="https://docs.theme-park.dev/site_assets/lazylibrarian/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/lazylibrarian">Lazylibrarian</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/adguard"><img src="https://docs.theme-park.dev/site_assets/adguard/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/adguard">Adguard</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/gaps"><img src="https://docs.theme-park.dev/site_assets/gaps/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/gaps">Gaps</a></p>
</td>
</tr>
<tr>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/bitwarden"><img src="https://docs.theme-park.dev/site_assets/bitwarden/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/bitwarden">Bitwarden</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/duplicacy"><img src="https://docs.theme-park.dev/site_assets/duplicacy/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/duplicacy">Duplicacy</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/kitana"><img src="https://docs.theme-park.dev/site_assets/kitana/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/kitana">Kitana</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/webtools"><img src="https://docs.theme-park.dev/site_assets/webtools/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/webtools">Webtools (Deprecated)</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/resilio-sync"><img src="https://docs.theme-park.dev/site_assets/resilio-sync/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/resilio-sync">Resilio-Sync</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/gitea"><img src="https://docs.theme-park.dev/site_assets/gitea/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/gitea">Gitea</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/unraid"><img src="https://docs.theme-park.dev/site_assets/unraid/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/unraid">Unraid</a></p>
</td>
</tr>
<tr>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/moviematch"><img src="https://docs.theme-park.dev/site_assets/moviematch/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/moviematch">Moviematch</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/petio"><img src="https://docs.theme-park.dev/site_assets/petio/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/petio">Petio</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/flood"><img src="https://docs.theme-park.dev/site_assets/flood/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/flood">Flood</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/vuetorrent"><img src="https://docs.theme-park.dev/site_assets/vuetorrent/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/vuetorrent">VueTorrent</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/dozzle"><img src="https://docs.theme-park.dev/site_assets/dozzle/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/dozzle">Dozzle</a></p>
</td>
<td style="width: 110px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/calibreweb"><img src="https://docs.theme-park.dev/site_assets/calibreweb/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/calibreweb">Calibre-web</a></p>
</td>
<td style="width: 110px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/xbackbone"><img src="https://docs.theme-park.dev/site_assets/xbackbone/logo.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/xbackbone">Xbackbone</a></p>
</td>
</tr>
<tr>
<td style="width: 90px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/requestrr"><img src="https://docs.theme-park.dev/site_assets/requestrr/logo.png" alt="" width="48" height="45" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/requestrr">Requestrr</a></p>
</td>
<td style="width: 90px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/uptime-kuma"><img src="https://docs.theme-park.dev/site_assets/uptime-kuma/logo.png" alt="" width="48" height="45" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/uptime-kuma">Uptime Kuma</a></p>
</td>
<td style="width: 90px; height: 26px; text-align: center;">
<p><a href="https://docs.theme-park.dev/themes/mylar"><img src="https://docs.theme-park.dev/site_assets/mylar/logo.png" alt="" width="48" height="45" /></a></p>
<p><a href="https://docs.theme-park.dev/themes/mylar">Mylar 3</a></p>
</td>
</tr>
</tbody>
</table>
</div>
<br>
<h3><a href="https://docs.theme-park.dev/custom/">Honourable mentions</a></h3>
<p><a href="https://github.com/Archmonger/Blackberry-Themes">Archmonger/Blackberry-Themes</a></p>
<p><a href="https://github.com/leram84/layer.Cake/">leram84/layer.Cake</a></p>

7
docker-mods/mylar3/Dockerfile Normal file
View File

@ -0,0 +1,7 @@
FROM scratch
LABEL maintainer="GilbN"
LABEL app="Mylar3"
#copy local files.
COPY root/ /

54
docker-mods/mylar3/root/etc/cont-init.d/98-themepark Normal file
View File

@ -0,0 +1,54 @@
#!/usr/bin/with-contenv bash
echo '-------------------------'
echo '| Mylar3 theme.park Mod |'
echo '-------------------------'
APP_FILEPATH='/app/mylar3/data/interfaces/default'
if [ "${TP_HOTIO}" = true ]; then
echo 'Changing to Hotio file path!'
APP_FILEPATH='/app/data/interfaces/default'
fi
# Display variables for troubleshooting
echo -e "Variables set:\\n\
'APP_FILEPATH'=${APP_FILEPATH}\\n\
'TP_HOTIO'=${TP_HOTIO}\\n\
'TP_DOMAIN'=${TP_DOMAIN}\\n\
'TP_THEME'=${TP_THEME}\\n"
# Set default
if [[ -z ${TP_DOMAIN} ]]; then
echo 'No domain set, defaulting to theme-park.dev'
TP_DOMAIN='theme-park.dev'
fi
case ${TP_DOMAIN} in
*"github.io"*)
echo "Switching to github.io URL style"
TP_DOMAIN="${TP_DOMAIN}\/theme.park"
;;
esac
if [[ -z ${TP_THEME} ]]; then
echo 'No theme set, defaulting to organizr-dark'
TP_THEME='organizr-dark'
fi
sed_file(){
sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/CSS\/themes\/mylar3\/mylar3-base.css'><\/head> /g" $1
sed -i "s/<\/head>/<link rel='stylesheet' href='https:\/\/${TP_DOMAIN}\/CSS\/variables\/${TP_THEME}.css'><\/head> /g" $1
printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1"
}
# Adding stylesheets
echo '---------------------------------------'
echo '| Adding the stylesheet to html files |'
echo '---------------------------------------'
if ! grep -q "${TP_DOMAIN}" "${APP_FILEPATH}/index.html"; then
find ${APP_FILEPATH} -type f -iname *.html | while read fname
do
sed_file $fname
done
fi

2
index.html
View File

@ -560,4 +560,4 @@
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>
</html>

4
themes.json
View File

@ -215,6 +215,10 @@
"base_css": "https://theme-park.dev/CSS/themes/pihole/pihole-base.css?sha=1d5290da2a5cf98fe5b63da558336036883775f7",
"addons": {}
},
"mylar3": {
"base_css": "https://theme-park.dev/CSS/themes/mylar3/mylar3-base.css?sha=3a4ccf284c4d4c7ec746736f6d4cbd4f7b261cce",
"addons": {}
},
"readarr": {
"base_css": "https://theme-park.dev/CSS/themes/readarr/readarr-base.css?sha=cbdaeb841bc34531698f30739d6b32f98029cb99",
"addons": {