From 6debdd2752686018065f6aa553a1a97d3bc4c496 Mon Sep 17 00:00:00 2001
From: Dulanic <2948206+Dulanic@users.noreply.github.com>
Date: Thu, 30 Sep 2021 13:02:22 -0500
Subject: [PATCH] Update portainer-base.css (#262)

* 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>
---
 CSS/themes/portainer/portainer-base.css       |   4 +-
 README.md                                     | 562 +++++++++---------
 docker-mods/mylar3/Dockerfile                 |   7 +
 .../mylar3/root/etc/cont-init.d/98-themepark  |  54 ++
 index.html                                    |   2 +-
 themes.json                                   |   4 +
 6 files changed, 349 insertions(+), 284 deletions(-)
 create mode 100644 docker-mods/mylar3/Dockerfile
 create mode 100644 docker-mods/mylar3/root/etc/cont-init.d/98-themepark

diff --git a/CSS/themes/portainer/portainer-base.css b/CSS/themes/portainer/portainer-base.css
index 5e6a400d..052f98de 100644
--- a/CSS/themes/portainer/portainer-base.css
+++ b/CSS/themes/portainer/portainer-base.css
@@ -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;
-}
\ No newline at end of file
+}
diff --git a/README.md b/README.md
index 462bf378..ec1475a3 100644
--- a/README.md
+++ b/README.md
@@ -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>
diff --git a/docker-mods/mylar3/Dockerfile b/docker-mods/mylar3/Dockerfile
new file mode 100644
index 00000000..72ac169f
--- /dev/null
+++ b/docker-mods/mylar3/Dockerfile
@@ -0,0 +1,7 @@
+FROM scratch
+
+
+LABEL maintainer="GilbN" 
+LABEL app="Mylar3"
+#copy local files. 
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/mylar3/root/etc/cont-init.d/98-themepark b/docker-mods/mylar3/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..e5896255
--- /dev/null
+++ b/docker-mods/mylar3/root/etc/cont-init.d/98-themepark
@@ -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
diff --git a/index.html b/index.html
index c5e1002c..ceac9cee 100644
--- a/index.html
+++ b/index.html
@@ -560,4 +560,4 @@
     <script async defer src="https://buttons.github.io/buttons.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/themes.json b/themes.json
index 08d3fa0d..72c6f098 100644
--- a/themes.json
+++ b/themes.json
@@ -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": {