2023-02-21

README.md

@@ -1,4 +1,4 @@
-<img src="banners/tp_banner.png"/>
+<a href="https://theme-park.dev"><img src="banners/tp_banner.png"/></a> 
 
 [![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")
@@ -23,7 +23,7 @@
 
 <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"><img src="https://docs.theme-park.dev/theme-options/organizr_banner_small.png" alt="Organizr"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/organizr"><img src="https://docs.theme-park.dev/theme-options/organizr_banner_small.png?1" alt="Organizr"  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>
@@ -31,9 +31,12 @@
 <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>
 <a href="https://docs.theme-park.dev/theme-options/nord"><img src="https://docs.theme-park.dev/theme-options/nord_banner_small.png" alt="Nord"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/maroon"><img src="https://docs.theme-park.dev/theme-options/maroon_banner_small.png" alt="Maroon"  width="49.49%"/></a>
 
 <h2><a href="https://docs.theme-park.dev/setup">Installation</a></h2>
 
+- <h3><a href="https://docs.theme-park.dev/setup/#docker">Docker image</a></h3>
+
 <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>
@@ -67,15 +70,20 @@
 <p><a href="https://docs.theme-park.dev/themes/prowlarr">Prowlarr</a></p>
 </td>
 <td>
+<p><a href="https://docs.theme-park.dev/themes/whisparr"><img src="https://docs.theme-park.dev/site_assets/whisparr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/whisparr">Whisparr</a></p>
+</td>
+<td>
 <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>
+</tr>
+
+<tr>
 <td>
 <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>
 <td>
 <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>
@@ -100,12 +108,13 @@
 <p><a href="https://docs.theme-park.dev/themes/overseerr"><img src="https://docs.theme-park.dev/site_assets/overseerr/logo.png" alt="" width="48" height="48" /></a></p>
 <p><a href="https://docs.theme-park.dev/themes/overseerr">Overseerr</a></p>
 </td>
+</tr>
+
+<tr>
 <td>
 <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>
 <td>
 <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>
@@ -130,12 +139,13 @@
 <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>
+</tr>
+
+<tr>
 <td>
 <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>
 <td>
 <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>
@@ -161,21 +171,20 @@
 <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>
+</tr>
+
+<tr>
 <td>
 <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>
 <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>
 <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>
 <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>
@@ -192,12 +201,13 @@
 <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>
+</tr>
+
+<tr>
 <td>
 <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>
-<tr>
 <td>
 <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>
@@ -222,12 +232,13 @@
 <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>
 <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>
-</tr>
-<tr>
 <td>
 <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>
@@ -252,13 +263,14 @@
 <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>
-<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>
 </tr>
+
 <tr>
 <td>
+<p><a href="https://docs.theme-park.dev/themes/nginx-proxy-manager"><img src="https://docs.theme-park.dev/site_assets/nginx-proxy-manager/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/nginx-proxy-manager">Nginx Proxy Manager</a></p>
+</td>
+<td>
 <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>
@@ -279,20 +291,11 @@
 <p><a href="https://docs.theme-park.dev/themes/plpp">PLPP (Deprecated)</a></p>
 </td>
 <td>
-<!-- <p><a href=""><img src="" alt="" width="48" height="48" /></a></p>
+<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=""></a></p> -->
+<p><a href="https://docs.theme-park.dev/themes/thelounge">The Lounge (Deprecated)</a></p>
-</td>
-<td>
-<!-- <p><a href=""><img src="" alt="" width="48" height="48" /></a></p>
-<p><a href=""></a></p> -->
 </td>
 </tr>
 </tbody>
 </table>
 </div>
-
 <br>
-
-<h3>Honourable mentions</h3>
-
-<p><a href="https://github.com/Archmonger/Blackberry-Themes">Archmonger/Blackberry-Themes</a></p>

css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css

@@ -1,17 +1,5 @@
-    .bazarr-Avatar-root[class*="bazarr-"] img {
+    [class*="bazarr-"].bazarr-Avatar-image {
-        display: none !important;
+        content: url("/theme.park/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
-    }
-
-    .bazarr-Avatar-root[class*="bazarr-"]:before {
-        background-image: url("/theme.park/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
-        display: inline-block;
-        width: 32px;
-        height: 32px;
-        content: "";
-        background-size: cover;
-        -webkit-background-size: cover;
-        -moz-background-size: cover;
-        -o-background-size: cover;
     }
 
     #root>div>header>div>div.bazarr-Group-root[class*="bazarr-"]>div>span:after {

css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css

@@ -1,96 +1,27 @@
-/* Desktop */
 @media (min-width: 752px) {
-    .navbar-brand>img {
+    [class*="PageHeader-logoFull-"] {
-        display:none !important; 
+        content: url("/theme.park/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
-        }
+        margin-left: 15px;
-    .navbar > .container-fluid .navbar-brand:before {
+        width: 120px;
-        background-image: url("/theme.park/css/addons/radarr/radarr-4k-logo/radarr4k.png");
+        height: 40px;
-        display: inline-block;
-        width: 128px; 
-        height: 128px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-        }
-    }
-    /* Mobile */
-    @media (max-width: 767px) {
-    .navbar-brand  .visible-xs img {
-        display: none !important;
-        } 
-    .navbar-brand .visible-xs  {
-        display: inline !important;
-        }     
-    .navbar > .container-fluid .navbar-brand:before {
-        background-image: url("/theme.park/css/addons/radarr/radarr-4k-logo/radarr4k.png");
-        display: inline-block;
-        width: 32px; 
-        height: 32px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-        margin-bottom: -12px;
-        }
-    }
-
-/* Radarr V3*/
-@media (min-width: 752px) {
-    [class*="PageHeader-logoFull-"]  {
-        display: none !important;
-    }
-    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("/theme.park/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
-        display: inline-block;
-        width: 148px; 
-        height: 48px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
     }
 }
 
-@media (max-width: 767px) {
+@media only screen and (max-width: 768px) {
-    [class*="PageHeader-logo-"]  {
+    [class*="PageHeader-logo-"] {
-        display: none !important;
-    }
-    [class*="PageHeader-logoContainer-"]{
-        background-image: url("/theme.park/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
-        display: inline-block;
         width: 32px;
         height: 32px;
-        content:"";
+        margin-left: 0px;
-        background-size:  cover;
+        content: url("/theme.park/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-        margin-left: 20px;
-        margin-right: 8px;
-        flex: 0 0 32px;
     }
 }
 
 [class*="LoadingPage-logoFull-"] {
-    display: none !important;
+    content: url("/theme.park/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
-}
+    margin-top: 50px;
-
+    margin-right: auto;
-[class*="LoadingPage-page-"]:before {
+    margin-left: auto;
-        background-image: url("/theme.park/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
+    width: 120px;
-        display: inline-block;
+    height: 40px;
-        width: 148px; 
+    opacity: 1;
-        height: 48px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-        margin-top: 50px;
-        margin-right: auto;
-        margin-left: auto;
-
 }

css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css

@@ -1,53 +1,16 @@
 @media (min-width: 752px) {
-    [class*="PageHeader-logo-"]  {
+    [class*="PageHeader-logo-"] {
-        display: none !important;
+        content: url("/theme.park/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
-    }
-    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("/theme.park/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
-        display: inline-block;
-        width: 34px; 
-        height: 34px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
     }
 }
 
-@media (max-width: 767px) {
+@media only screen and (max-width: 768px) {
-    [class*="PageHeader-logo-"]   {
+    [class*="PageHeader-logo-"] {
-        display: none !important;
+        content: url("/theme.park/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
-    }   
-    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("/theme.park/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
-        display: inline-block;
-        width: 34px; 
-        height: 34px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
     }
 }
 
 [class*="LoadingPage-logoFull-"] {
-    display: none !important;
+    content: url("/theme.park/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
-}
+    opacity: 1;
-
-[class*="LoadingPage-page-"]:before {
-        background-image: url("/theme.park/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
-        display: inline-block;
-        width: 48px; 
-        height: 48px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-        margin-top: 50px;
-        margin-right: auto;
-        margin-left: auto;
-
 }

css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css

@@ -1,53 +1,16 @@
 @media (min-width: 752px) {
-    [class*="PageHeader-logo-"]  {
+    [class*="PageHeader-logo-"] {
-        display: none !important;
+        content: url("/theme.park/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-    }
-    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("/theme.park/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-        display: inline-block;
-        width: 32px; 
-        height: 32px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
     }
 }
 
-@media (max-width: 767px) {
+@media only screen and (max-width: 768px) {
-    [class*="PageHeader-logo-"]   {
+    [class*="PageHeader-logo-"] {
-        display: none !important;
+        content: url("/theme.park/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-    }   
-    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("/theme.park/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-        display: inline-block;
-        width: 32px; 
-        height: 32px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
     }
 }
 
 [class*="LoadingPage-logoFull-"] {
-    display: none !important;
+    content: url("/theme.park/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-}
+    opacity: 1;
-
-[class*="LoadingPage-page-"]:before {
-        background-image: url("/theme.park/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-        display: inline-block;
-        width: 48px; 
-        height: 48px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-        margin-top: 50px;
-        margin-right: auto;
-        margin-left: auto;
-
 }

css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text-logo.css

@@ -1,55 +1,27 @@
 @media (min-width: 752px) {
-    [class*="PageHeader-logo-"]  {
+    [class*="PageHeader-logo-"] {
-        display: none !important;
+        content: url("/theme.park/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
-    }
+        margin-left: 15px;
-    [class*="PageHeader-logoContainer-"]:before {
+        width: 120px;
-        background-image: url("/theme.park/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
-        display: inline-block;
-		margin-left: 15px;
-        width: 124px; 
         height: 40px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
     }
 }
 
-
+@media only screen and (max-width: 768px) {
-[class*="LoadingPage-logoFull-"] {
+    [class*="PageHeader-logo-"] {
-    display: none !important;
-}
-
-[class*="LoadingPage-page-"]:before {
-        background-image: url("/theme.park/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
-        display: inline-block;
-        width: 124px; 
-        height: 40px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-        margin-top: 50px;
-        margin-right: auto;
-        margin-left: auto;
-
-}
-
-@media (max-width: 767px) {
-    [class*="PageHeader-logo-"]   {
-        display: none !important;
-    }   
-    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("/theme.park/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-        display: inline-block;
         width: 32px;
         height: 32px;
-        content:"";
+        margin-left: 0px;
-        background-size:  cover;
+        content: url("/theme.park/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
     }
 }
+
+[class*="LoadingPage-logoFull-"] {
+    content: url("/theme.park/css/addons/sonarr/sonarr-4k-text-logo/sonarr-4k-text.png");
+    margin-top: 50px;
+    margin-right: auto;
+    margin-left: auto;
+    width: 120px;
+    height: 40px;
+    opacity: 1;
+}

css/addons/sonarr/sonarr-text-logo/sonarr-text-logo.css

@@ -1,38 +1,19 @@
 @media (min-width: 752px) {
-    [class*="PageHeader-logo-"]  {
+    [class*="PageHeader-logo-"] {
-        display: none !important;
+        content: url("/theme.park/css/addons/sonarr/sonarr-text-logo/sonarr-text.png");
-    }
+        margin-left: 15px;
-    [class*="PageHeader-logoContainer-"]:before {
+        width: 120px;
-        background-image: url("/theme.park/css/addons/sonarr/sonarr-text-logo/sonarr-text.png");
-        display: inline-block;
-		margin-left: 15px;
-        width: 124px; 
         height: 40px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
     }
 }
 
 
 [class*="LoadingPage-logoFull-"] {
-    display: none !important;
+    content: url("/theme.park/css/addons/sonarr/sonarr-text-logo/sonarr-text.png");
-}
+    margin-top: 50px;
-
+    margin-right: auto;
-[class*="LoadingPage-page-"]:before {
+    margin-left: auto;
-        background-image: url("/theme.park/css/addons/sonarr/sonarr-text-logo/sonarr-text.png");
+    width: 120px;
-        display: inline-block;
+    height: 40px;
-        width: 124px; 
+    opacity: 1;
-        height: 40px;
-        content:"";
-        background-size:  cover;
-        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
-        -o-background-size: cover;
-        margin-top: 50px;
-        margin-right: auto;
-        margin-left: auto;
-
 }

css/addons/unraid/login-page/custom_login.sh

@@ -13,6 +13,7 @@ DISABLE_THEME="false"
   # you must disable the whole theme with the DISABLE_THEME="true" env first and re-run it again after with "false".
 
   # Your domain can be your custom domain or a github pages (user.github.io) etc. Don't add the whole URL with scheme, you only need to add the domain.
+    # If you are using your own github.io domain you must prepend /theme.park on all @imports/URLs in the css files. e.g. @import url(/theme.park/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
 
   # If your custom domain uses a subfolder you must escape the forward slash. (custom.com\/subfolder)
 

css/base/bitwarden/bitwarden-base.css

@@ -21,6 +21,15 @@ img.logo {
     filter: invert(100);
 }
 
+html.theme_light .filter-option.active>.filter-buttons .filter-button,
+html.theme_light .btn-link:not(.text-danger):not(.cursor-move) {
+    color: rgb(var(--accent-color)) !important;
+}
+
+html.theme_light .filter-buttons .filter-button:hover, html.theme_light .filter-buttons .filter-button:focus, html.theme_light .filter-buttons .filter-button:active {
+    color: rgb(var(--accent-color) ,.85) !important;
+}
+
 body.layout_frontend,
 html[class*="theme_"] body,
 html[class*="theme_"] body.layout_frontend,
@@ -234,7 +243,9 @@ html[class*="theme_"] .close {
     outline: none;
 }
 
-.swal2-popup {
+.swal2-popup,
+html.theme_light [class*=swal2-]:not(.swal2-container,.swal2-confirm,.swal2-cancel,.swal2-deny),
+html.theme_light .swal2-popup .swal2-actions {
     background: var(--modal-bg-color);
     background-repeat: repeat, no-repeat;
     background-attachment: fixed, fixed;
@@ -281,6 +292,25 @@ html[class*="theme_"] .close {
 }
 
 /* FORMS */
+
+app-login .tw-bg-background {
+    background: var(--transparency-dark-25);
+}
+
+app-login .tw-border-secondary-300 {
+    border-color: var(--transparency-light-10)
+}
+
+app-login button {
+    background: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+
+input {
+    background: var(--transparency-dark-10) !important;
+    color: var(--text) !important;
+}
+
 html[class*="theme_"] label.form-check-label,
 html[class*="theme_"] .form-control-file {
     color: var(--text);
@@ -305,7 +335,20 @@ html[class*="theme_"] .form-control:disabled,
     opacity: 1;
 }
 
+html[class*="theme_"] app-generator .card-generated .card-body {
+    background: var(--transparency-dark-15);
+}
+
+a[bitmenuitem], button[bitmenuitem] {
+    background: var(--drop-down-menu-bg) !important;
+    color: var(--text) !important;
+}
+
 select:focus {
+    background-color: #191a1c !important;
+}
+
+.bit-menu-panel div {
     background: var(--drop-down-menu-bg) !important;
 }
 
@@ -446,6 +489,12 @@ html[class*="theme_"] .progress {
     color: var(--button-text);
 }
 
+app-register-form button {
+    background-color: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+
 .btn-primary:hover,
 .btn-primary:not(:disabled):not(.disabled):active {
     background-color: var(--button-color-hover);

css/base/rutorrent/rutorrent-base.css

@@ -424,18 +424,24 @@ div#CatList {
     border-left: none
 }
 
-div#CatList ul li span {
+/* div#CatList ul li span {
     color: var(--text)
 }
 
 div#CatList ul li.sel span {
     color: #AACF27
-}
+} */
 
 div#CatList ul li {
+    color: var(--text);
     border: none;
-    margin: 5px;
+    font-family: 'Roboto';
-    font-family: 'Roboto'
+    padding: 4px;
+}
+
+div#CatList .label-prefix
+{
+    font-size: 21px;
 }
 
 div#CatList ul li.sel {
@@ -445,13 +451,21 @@ div#CatList ul li.sel {
     border: none
 }
 
-#-_-_-all-_-_-,
+div#CatList li.sel .label-prefix{
-#-_-_-dls-_-_-,
+    color: var(--text)
-#-_-_-com-_-_-,
+}
-#-_-_-act-_-_-,
+
-#-_-_-iac-_-_-,
+.label-count,.label-size {
-#-_-_-err-_-_- {
+	color: #D4D6C9;
-    background-image: url(/theme.park/resources/rutorrent/status_icons.png)
+	background-color: #273238;
+}
+
+li.sel .label-count, li.sel .label-size {
+	color:#009DDD;
+}
+
+.label-icon {
+	background-image: url(/theme.park/resources/rutorrent/status_icons.png);
 }
 
 .catpanel {
@@ -474,41 +488,8 @@ div#CatList ul li.sel {
     transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0
 }
 
-#-_-_-all-_-_- {
-    background-position: 4px -175px
-}
-
-#-_-_-dls-_-_- {
-    background-position: 4px 2px
-}
-
-#-_-_-com-_-_- {
-    background-position: 4px -15px
-}
-
-#-_-_-act-_-_- {
-    background-position: 4px -159px
-}
-
-#-_-_-iac-_-_- {
-    background-position: 4px -31px
-}
-
-#-_-_-err-_-_- {
-    background-position: 4px -95px
-}
-
-div#CatList ul li.RSS {
-    background-image: url(/theme.park/resources/rutorrent/status_icons.png);
-    background-position: 4px -207px
-}
-
-div#CatList ul li.disRSS {
-    background-image: url(/theme.park/resources/rutorrent/status_icons.png)
-}
-
 .stable-icon {
-    background-image: url(/theme.park/resources/rutorrent/status_icons.png)
+    background-image: url(/theme.park/resources/rutorrent/status_icons.png);
 }
 
 .Icon_File {
@@ -523,11 +504,11 @@ div#CatList ul li.disRSS {
     background: transparent url(/theme.park/resources/rutorrent/dir.gif) no-repeat left center
 }
 
-div#CatList ul li.sel span {
+div#CatList .sel .label-size, div#CatList .sel .label-size {
     color: rgb(var(--accent-color));
 }
 
-div#flabel_cont ul li {
+#flabel_cont li:not(.-_-_-all-_-_-) .label-icon {
     background-image: url(/theme.park/resources/rutorrent/status_icons.png);
     background-position: 4px -352px
 }
@@ -569,6 +550,21 @@ div.graph_tab {
     background: var(--transparency-dark-25);
 }
 
+.graph_tab_grid {
+	border: 2px solid #606060;
+}
+
+.graph_tab_legend {
+	color: #FFF;
+	background-color: #181818;
+}
+
+.graph_tab_tooltip {
+	color: #FFF;
+	background-color: #606060;
+	border: 1px solid #606060;
+}
+
 div.table_tab {
     background: var(--transparency-dark-45);
     font-family: 'Roboto'
@@ -757,9 +753,7 @@ div#tcreate textarea#trackers {
     cursor: text;
 }
 
-input[type="text"],
+input[type="number"],input[type="text"],input[type="password"],select {
-input[type="password"],
-select {
     color: var(--text-hover);
     border: none;
     background: var(--transparency-dark-25) url(/theme.park/resources/rutorrent/headers.png) repeat-x scroll 0 -138px;
@@ -767,10 +761,7 @@ select {
     outline: none;
 }
 
-input[type="text"][disabled],
+input[type="number"][disabled],input[type="text"][disabled],input[type="password"][disabled],input[type="file"][disabled],select[disabled] {
-input[type="password"][disabled],
-input[type="file"][disabled],
-select[disabled] {
     color: var(--text-hover);
     border: none;
     background: var(--transparency-dark-10) url(/theme.park/resources/rutorrent/headers.png) repeat scroll 0 0 !important;
@@ -1625,7 +1616,7 @@ div#dlgEditRatioRules {
 }
 
 #autodl-multiselect-header {
-    background-image: url(/theme.park/resources/rutorrent/dlg-autodl-irc.gif");
+    background-image: url(/theme.park/resources/rutorrent/dlg-autodl-irc.gif);
 }
 
 .shieven {
@@ -1804,3 +1795,14 @@ div#dlgEditRules div.dlg-header {
 div#dlgEditFilters div.dlg-header{
     background-image:none;
 }
+
+div.label-count, div.label-size{
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+    text-shadow: none;
+}
+
+li.sel .label-count, li.sel .label-size {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color), .75);
+}

css/defaults/servarr-base.css

@@ -728,6 +728,10 @@ a:hover {
     background: var(--transparency-dark-10) !important;
 }
 
+[class*="AgendaEvent-event-"] {
+    border-bottom: 1px solid var(--transparency-light-25);
+}
+
 /* SETTINGS */
 [class*="Settings-link-"] {
     color: var(--text-hover);

docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark

@@ -30,9 +30,11 @@ echo '--------------------------'
     if [ -x "$(command -v apk)" ]; then 
       apk update && \
       apk add --no-cache subversion
+      apk add --no-cache perl
     elif [ -x "$(command -v apt-get)" ]; then
       apt-get update && \
       apt-get install -y subversion
+      apt-get install -y perl
     fi
 fi
 
@@ -95,21 +97,35 @@ sed_file(){
     printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1"
 }
 
-# Adding stylesheets
+clean_file() {
-echo '---------------------------------------'
+    perl -i -pe 's/QBT_TR?\(//' "$1"
-echo '| Adding the stylesheet to html files |'
+    perl -i -pe 's/\)QBT_TR\[CONTEXT=.*?\]//' "$1"
-echo '---------------------------------------'
+}
-if ! grep -q "${TP_DOMAIN}/css/base" /themepark/public/index.html; then
-    sed_file /themepark/public/index.html
-fi
 
-if ! grep -q "${TP_DOMAIN}/css/base" /themepark/private/index.html; then
+if ! grep -q "${TP_DOMAIN}/css/base" /themepark/public/index.html; then
-    find /themepark/private -type f -iname *.html | while read fname
+    # Adding stylesheets
+    echo '---------------------------------------'
+    echo '| Adding the stylesheet to html files |'
+    echo '---------------------------------------'
+    sed_file /themepark/public/index.html
+    clean_file /themepark/public/index.html
+
+    find /themepark/private -type f -iname "*.html" | while read fname
     do
         sed_file $fname
     done
 fi
 
+# Clean all files
+printf 'Cleaning files in /themepark for any translation text...\n\n
+--------------------------------------------------------------------------
+| !!! RESTART THE CONTAINER IF THIS IS THE FIRST TIME CLEANING FILES !!! |
+--------------------------------------------------------------------------\n\n'
+find /themepark -type f \( ! -iname "*.svg" \) | while read fname
+do
+    clean_file $fname
+done
+
 if ! grep -q "WebUI\\\RootFolder" "${APP_FILEPATH}"; then
     echo '--------------------------------------'
     echo '| Adding WebUI\RootFolder=/themepark |'

docker-mods/qbittorrent/root/etc/s6-overlay/s6-rc.d/init-mod-themepark-add-package/run

@@ -2,4 +2,5 @@
 
 if ! [[ -x "$(command -v svn)" ]]; then
     echo "subversion" >> /mod-repo-packages-to-install.list
+    echo "perl" >> /mod-repo-packages-to-install.list
 fi

docker-mods/qbittorrent/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

@@ -82,21 +82,35 @@ sed_file(){
     printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1"
 }
 
-# Adding stylesheets
+clean_file() {
-echo '---------------------------------------'
+    perl -i -pe 's/QBT_TR?\(//' "$1"
-echo '| Adding the stylesheet to html files |'
+    perl -i -pe 's/\)QBT_TR\[CONTEXT=.*?\]//' "$1"
-echo '---------------------------------------'
+}
-if ! grep -q "${TP_DOMAIN}/css/base" /themepark/public/index.html; then
-    sed_file /themepark/public/index.html
-fi
 
-if ! grep -q "${TP_DOMAIN}/css/base" /themepark/private/index.html; then
+if ! grep -q "${TP_DOMAIN}/css/base" /themepark/public/index.html; then
-    find /themepark/private -type f -iname *.html | while read fname
+    # Adding stylesheets
+    echo '---------------------------------------'
+    echo '| Adding the stylesheet to html files |'
+    echo '---------------------------------------'
+    sed_file /themepark/public/index.html
+    clean_file /themepark/public/index.html
+
+    find /themepark/private -type f -iname "*.html" | while read fname
     do
         sed_file $fname
     done
 fi
 
+# Clean all files
+printf 'Cleaning files in /themepark for any translation text...\n\n
+--------------------------------------------------------------------------
+| !!! RESTART THE CONTAINER IF THIS IS THE FIRST TIME CLEANING FILES !!! |
+--------------------------------------------------------------------------\n\n'
+find /themepark -type f \( ! -iname "*.svg" \) | while read fname
+do
+    clean_file $fname
+done
+
 if ! grep -q "WebUI\\\RootFolder" "${APP_FILEPATH}"; then
     echo '--------------------------------------'
     echo '| Adding WebUI\RootFolder=/themepark |'