Merge pull request #363 from GilbN/develop

1.8.1
2024-08-17 23:49:37 +02:00 · 2022-04-17 15:21:57 +02:00 · 2022-04-17 15:21:57 +02:00 · 310909aa7e
commit 310909aa7e
parent 67f0cd0050 f04befa0d0
13 changed files with 187 additions and 344 deletions
--- a/README.md
+++ b/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")
@ -34,6 +34,8 @@

 <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 +69,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 +107,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 +138,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 +170,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 +200,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 +231,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,11 +262,8 @@
 <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/grafana"><img src="https://docs.theme-park.dev/site_assets/grafana/logo.png" alt="" width="48" height="48" /></a></p>
@ -279,8 +286,8 @@
 <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=""></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="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>
@ -290,9 +297,4 @@
 </tbody>
 </table>
 </div>
-
-<br>
-
-<h3>Honourable mentions</h3>
-
-<p><a href="https://github.com/Archmonger/Blackberry-Themes">Archmonger/Blackberry-Themes</a></p>
+<br>
--- a/css/addons/plex/plex-alt-logo/plex-alt-logo.css
+++ b/css/addons/plex/plex-alt-logo/plex-alt-logo.css
@ -4,5 +4,9 @@
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 10px;
-    width: 45px;
+    width: 40px;
+}
+
+[class*="NavBar-plexLogo-"] svg {
+    display: none;
 }
--- a/css/addons/unraid/login-page/custom_login.sh
+++ b/css/addons/unraid/login-page/custom_login.sh
@ -1,67 +1,78 @@
-#!/bin/bash
-TYPE="retro-terminal"
-THEME="green.css"
-DOMAIN="theme-park.dev" #if you update the domain after the script has been run, You must disable and re enable JS or the whole theme.  
-ADD_JS="true"
-JS="custom_text_header.js"
-DISABLE_THEME="false"
-
-echo -e "Variables set:\\n\
-THEME         = ${THEME}\\n\
-DOMAIN        = ${DOMAIN}\\n\
-ADD_JS        = ${ADD_JS}\\n\
-JS            = ${JS}\\n\
-DISABLE_THEME = ${DISABLE_THEME}\\n"
-
-# Restore login.php
-if [ ${DISABLE_THEME} = "true" ]; then
-  echo "Restoring backup of login.php" 
-  cp -p /usr/local/emhttp/login.php.backup /usr/local/emhttp/login.php
-  exit 0
-fi
-
-# Backup login page if needed.
-if [ ! -f /usr/local/emhttp/login.php.backup ]; then
-  echo "Creating backup of login.php" 
-  cp -p /usr/local/emhttp/login.php /usr/local/emhttp/login.php.backup
-fi
-
-# Use correct domain style
-case ${DOMAIN} in
-  *"github.io"*)
-  echo "Switching to github.io URL style"
-    DOMAIN="${DOMAIN}\/theme.park"
-    ;;
-esac
-
-# Adding stylesheets
-if ! grep -q ${DOMAIN} /usr/local/emhttp/login.php; then
-  echo "Adding stylesheet"
-  sed -i -e "\@<style>@i\    <link rel='stylesheet' href='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
-  echo 'Stylesheet set to' ${THEME}
-fi
-
-# Adding/Removing javascript
-if [ ${ADD_JS} = "true" ]; then
-  if ! grep -q ${JS} /usr/local/emhttp/login.php; then
-    if grep -q "<script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/" /usr/local/emhttp/login.php; then
-      echo "Replacing Javascript"
-      sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/c <script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
-    else
-      echo "Adding javascript"
-      sed -i -e "\@</body>@i\    <script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
-    fi
-  fi
-else
-  if grep -q ${JS} /usr/local/emhttp/login.php; then
-    echo "Removing javascript.."
-    sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/d" /usr/local/emhttp/login.php
-  fi
-fi
-
-# Changing stylesheet
-if ! grep -q ${TYPE}"/"${THEME} /usr/local/emhttp/login.php; then
-  echo "Changing existing custom stylesheet.." 
-  sed -i "/<link rel='stylesheet' href='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/c <link rel='stylesheet' href='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
-  echo 'Stylesheet set to' ${THEME}
-fi
+#!/bin/bash
+TYPE="retro-terminal"
+THEME="green.css"
+DOMAIN="theme-park.dev" # If you update the domain after the script has been run, You must disable and re enable JS or the whole theme.  
+ADD_JS="true"
+JS="custom_text_header.js"
+DISABLE_THEME="false"
+
+echo -e "Variables set:\\n\
+THEME         = ${THEME}\\n\
+DOMAIN        = ${DOMAIN}\\n\
+ADD_JS        = ${ADD_JS}\\n\
+JS            = ${JS}\\n\
+DISABLE_THEME = ${DISABLE_THEME}\\n"
+
+IFS='"'
+set $(cat /etc/unraid-version)
+UNRAID_VERSION="$2"
+IFS=$' \t\n'
+LOGIN_PAGE="/usr/local/emhttp/login.php"
+# Changing file path to login.php if version >= 6.10
+if [[ "${UNRAID_VERSION}" =~ ^6.10.* ]]; then
+echo "Unraid version: ${UNRAID_VERSION}, changing path to login page"
+LOGIN_PAGE="/usr/local/emhttp/webGui/include/.login.php"
+fi
+
+# Restore login.php
+if [ ${DISABLE_THEME} = "true" ]; then
+  echo "Restoring backup of login.php" 
+  cp -p ${LOGIN_PAGE}.backup ${LOGIN_PAGE}
+  exit 0
+fi
+
+# Backup login page if needed.
+if [ ! -f ${LOGIN_PAGE}.backup ]; then
+  echo "Creating backup of login.php" 
+  cp -p ${LOGIN_PAGE} ${LOGIN_PAGE}.backup
+fi
+
+# Use correct domain style
+case ${DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    DOMAIN="${DOMAIN}\/theme.park"
+    ;;
+esac
+
+# Adding stylesheets
+if ! grep -q ${DOMAIN} ${LOGIN_PAGE}; then
+  echo "Adding stylesheet"
+  sed -i -e "\@<style>@i\    <link rel='stylesheet' href='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/${THEME}'>" ${LOGIN_PAGE}
+  echo 'Stylesheet set to' ${THEME}
+fi
+
+# Adding/Removing javascript
+if [ ${ADD_JS} = "true" ]; then
+  if ! grep -q ${JS} ${LOGIN_PAGE}; then
+    if grep -q "<script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/" ${LOGIN_PAGE}; then
+      echo "Replacing Javascript"
+      sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/c <script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" ${LOGIN_PAGE}
+    else
+      echo "Adding javascript"
+      sed -i -e "\@</body>@i\    <script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" ${LOGIN_PAGE}
+    fi
+  fi
+else
+  if grep -q ${JS} ${LOGIN_PAGE}; then
+    echo "Removing javascript.."
+    sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/d" ${LOGIN_PAGE}
+  fi
+fi
+
+# Changing stylesheet
+if ! grep -q ${TYPE}"/"${THEME} ${LOGIN_PAGE}; then
+  echo "Changing existing custom stylesheet.." 
+  sed -i "/<link rel='stylesheet' href='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/c <link rel='stylesheet' href='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/${THEME}'>" ${LOGIN_PAGE}
+  echo 'Stylesheet set to' ${THEME}
+fi
--- a/css/base/lidarr/lidarr-base.css
+++ b/css/base/lidarr/lidarr-base.css
@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */

+@import url("/css/defaults/placeholders.css");
+
 :root {
    --calendar-downloading: 122 67 182;
    --calendar-downloaded: 39 194 76;
@ -201,6 +203,7 @@ a:hover {

 [class*="PageHeader-header-"] {
    background-color: rgba(0, 0, 0, .35);
+    color: var(--text);
 }

 /* SEARCH DROPDOWN HEADER */
@ -688,7 +691,7 @@ a:hover {

 [class*="ArtistSearchInput-container-"] [class*="Input-input-"] {
    background: transparent;
-    border-bottom: solid 1px var(--text-hover);
+    border-bottom: solid 1px var(--text);
 }

 [class*="ArtistSearchInput-container-"] [class*="Input-input-"]:focus {
@ -775,42 +778,6 @@ a:hover {
    background-color: rgba(255, 255, 255, 0.08);
 }

-/* MOVE THIS */
-input::-webkit-input-placeholder {
-    color: var(--text);
-}
-
-input:focus::-webkit-input-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus:-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text);
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover);
-}
-
 /* IMPORT */
 /* Text color */
 [class*="ImportArtistSelectFolder-header-"] {
@ -863,7 +830,7 @@ input:focus:-ms-input-placeholder {

 /* CALENDAR */
 [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
-    stroke: var(--text-hover) !important;
+    stroke: #fff;
 }

 [class*="CalendarEvent-downloaded-"] {
@ -920,6 +887,7 @@ input:focus:-ms-input-placeholder {

 [class*="DayOfWeek-dayOfWeek-"] {
    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarDay-dayOfMonth-"] {
@ -942,6 +910,7 @@ input:focus:-ms-input-placeholder {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-left: 1px solid hsla(0, 0%, 100%, .08);
    border-right: 1px solid hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarEvent-event-"] {
--- a/css/base/prowlarr/prowlarr-base.css
+++ b/css/base/prowlarr/prowlarr-base.css
@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */

+@import url("/css/defaults/placeholders.css");
+
 body {
    background: var(--main-bg-color);
    background-repeat: repeat, no-repeat;
@ -200,6 +202,7 @@ a:hover {
 [class*="PageHeader-header-"] {
    background-color: rgba(0, 0, 0, .35);
    box-shadow: none;
+    color: var(--text);
 }

 /* SEARCH DROPDOWN HEADER */
@ -677,7 +680,7 @@ a:hover {

 [class*="IndexerSearchInput-container-"] [class*="Input-input-"] {
    background: transparent;
-    border-bottom: solid 1px #fff;
+    border-bottom: solid 1px var(--text);
 }

 [class*="IndexerSearchInput-container-"] [class*="Input-input-"]:focus {
@ -738,42 +741,6 @@ a:hover {
    color: var(--text-muted);
 }

-/* MOVE THIS */
-input::-webkit-input-placeholder {
-    color: var(--text);
-}
-
-input:focus::-webkit-input-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus:-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text);
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover);
-}
-
 /* IMPORT */

 [class*="FieldSet-legend-"] {
@ -908,6 +875,7 @@ input:focus:-ms-input-placeholder {

 [class*="DayOfWeek-dayOfWeek-"] {
    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarDay-dayOfMonth-"] {
@ -929,6 +897,7 @@ input:focus:-ms-input-placeholder {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-left: 1px solid hsla(0, 0%, 100%, .08);
    border-right: 1px solid hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarEvent-movieTitle-"],
@ -954,11 +923,11 @@ input:focus:-ms-input-placeholder {
 }

 [class*="CalendarEventGroup-airTime-"] {
-    color: var(--text);
+    color: #fff;
 }

 [class*="CalendarEventGroup-episodeInfo-"] {
-    color: var(--text);
+    color: #fff;
 }

 /* calendar agenda */
--- a/css/base/radarr/radarr-base.css
+++ b/css/base/radarr/radarr-base.css
@ -9,6 +9,9 @@

 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
+
+@import url("/css/defaults/placeholders.css");
+
 :root {
    --calendar-in-cinemas: 53 197 244;
    --calendar-downloading: 122 67 182; 
@ -199,6 +202,7 @@ a:hover {

 [class*="PageHeader-header-"] {
    background-color: rgba(0, 0, 0, .35);
+    color: var(--text);
 }

 /* SEARCH DROPDOWN HEADER */
@ -688,7 +692,7 @@ a:hover {

 [class*="MovieSearchInput-container-"] [class*="Input-input-"] {
    background: transparent;
-    border-bottom: solid 1px #fff;
+    border-bottom: solid 1px var(--text);
 }

 [class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus {
@ -755,42 +759,6 @@ a:hover {
    color: var(--text-muted);
 }

-/* MOVE THIS */
-input::-webkit-input-placeholder {
-    color: var(--text);
-}
-
-input:focus::-webkit-input-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus:-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text);
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover);
-}
-
 /* IMPORT */

 [class*="FieldSet-legend-"] {
@ -880,7 +848,7 @@ input:focus:-ms-input-placeholder {

 /* CALENDAR */
 [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
-    stroke: var(--text-hover) !important;
+    stroke: #fff;
 }

 [class*="CalendarEvent-downloaded-"] {
@ -961,6 +929,7 @@ input:focus:-ms-input-placeholder {

 [class*="DayOfWeek-dayOfWeek-"] {
    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarDay-dayOfMonth-"] {
@ -983,6 +952,7 @@ input:focus:-ms-input-placeholder {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-left: 1px solid hsla(0, 0%, 100%, .08);
    border-right: 1px solid hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarEvent-movieTitle-"],
@ -990,7 +960,7 @@ input:focus:-ms-input-placeholder {
 [class*="CalendarEvent-episodeInfo-"],
 [class*="CalendarEvent-airTime-"],
 [class*="CalendarEvent-link-"] {
-    color: var(--text-hover) !important;
+    color: #fff !important;
 }

 [class*="CalendarEvent-event-"] {
@ -1006,11 +976,11 @@ input:focus:-ms-input-placeholder {
 }

 [class*="CalendarEventGroup-airTime-"] {
-    color: var(--text);
+    color: #fff;
 }

 [class*="CalendarEventGroup-episodeInfo-"] {
-    color: var(--text);
+    color: #fff;
 }

 [class*="LegendItem-missingMonitoredColorImpaired-"],
--- a/css/base/readarr/readarr-base.css
+++ b/css/base/readarr/readarr-base.css
@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */

+@import url("/css/defaults/placeholders.css");
+
 :root {
    --calendar-downloaded: 39 194 76;
    --calendar-downloading: 122 67 182;
@ -200,6 +202,7 @@ a:hover {

 [class*="PageHeader-header-"] {
    background-color: rgba(0, 0, 0, .35);
+    color: var(--text);
 }

 /* SEARCH DROPDOWN HEADER */
@ -692,7 +695,7 @@ a:hover {

 [class*="AuthorSearchInput-input-"][class*="Input-input-"] {
    background: transparent;
-    border-bottom: solid 1px var(--text-hover);
+    border-bottom: solid 1px var(--text);
 }

 [class*="AuthorSearchInput-input-"][class*="Input-input-"]:focus {
@ -778,42 +781,6 @@ a:hover {
    background-color: rgba(255, 255, 255, 0.08);
 }

-/* MOVE THIS */
-input::-webkit-input-placeholder {
-    color: var(--text);
-}
-
-input:focus::-webkit-input-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus:-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text);
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover);
-}
-
 /* IMPORT */
 /* Text color */
 [class*="ImportAuthorSelectFolder-header-"] {
@ -866,7 +833,7 @@ input:focus:-ms-input-placeholder {

 /* CALENDAR */
 [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
-    stroke: var(--text-hover) !important;
+    stroke: #fff;
 }

 [class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) {
@ -941,7 +908,7 @@ input:focus:-ms-input-placeholder {
 [class*="CalendarEvent-authorName-"],
 [class*="CalendarEvent-bookTitle-"] a,
 [class*="CalendarEvent-bookTitle-"]{
-color: var(--text-hover) !important;
+color: #fff !important;
 }

 [class*="CalendarEvent-authorName-"] a:hover,
@ -963,6 +930,7 @@ color: var(--text-hover) !important;
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-left: 1px solid hsla(0, 0%, 100%, .08);
    border-right: 1px solid hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarEvent-event-"] {
--- a/css/base/sonarr/sonarr-base.css
+++ b/css/base/sonarr/sonarr-base.css
@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */

+@import url("/css/defaults/placeholders.css");
+
 :root {
    --calendar-tv-unaired-premiere: 53 197 244;
    --calendar-tv-downloading: 122 67 182;
@ -210,6 +212,7 @@ a:hover {

 [class*="PageHeader-header-"] {
    background-color: rgba(0, 0, 0, .35);
+    color: var(--text);
 }

 /* SEARCH DROPDOWN HEADER */
@ -692,7 +695,7 @@ a:hover {

 [class*="SeriesSearchInput-container-"] [class*="Input-input-"] {
    background: transparent;
-    border-bottom: solid 1px var(--text-hover);
+    border-bottom: solid 1px var(--text);
 }

 [class*="SeriesSearchInput-container-"] [class*="Input-input-"]:focus {
@ -718,42 +721,6 @@ a:hover {
    box-shadow: none;
 }

-/* MOVE THIS */
-input::-webkit-input-placeholder {
-    color: var(--text);
-}
-
-input:focus::-webkit-input-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus:-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text);
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover);
-}
-
 /* TEXT COLOR */
 [class*="PageContentBody-innerContentBody-"] {
    color: var(--text);
@ -846,7 +813,7 @@ input:focus:-ms-input-placeholder {

 /* CALENDAR */
 [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
-    stroke: var(--text-hover) !important;
+    stroke: #fff;
 }

 [class*="CalendarEvent-downloaded-"] {
@ -917,7 +884,7 @@ input:focus:-ms-input-placeholder {

 [class*="DayOfWeek-dayOfWeek-"] {
    background-color: hsla(0, 0%, 100%, .08);
-    color: #fff;
+    color: var(--text-hover);
 }

 [class*="CalendarDay-dayOfMonth-"] {
@ -940,6 +907,7 @@ input:focus:-ms-input-placeholder {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-left: 1px solid hsla(0, 0%, 100%, .08);
    border-right: 1px solid hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarEvent-seriesTitle-"],
@ -958,15 +926,15 @@ input:focus:-ms-input-placeholder {
 }

 [class*="CalendarEventGroup-seriesTitle-"] {
-    color: var(--text-hover) !important;
+    color: #fff !important;
 }

 [class*="CalendarEventGroup-airTime-"] {
-    color: var(--text-hover);
+    color: #eee;
 }

 [class*="CalendarEventGroup-episodeInfo-"] {
-    color: var(--text-hover);
+    color: #eee;
 }

 /* calendar agenda */
--- a/css/base/tautulli/tautulli-base.css
+++ b/css/base/tautulli/tautulli-base.css
@ -187,6 +187,18 @@ select,
 }

 /* Dashboard */
+.dashboard-stats-info-title h4 {
+    color: #fff;
+}
+
+.dashboard-stats-info-item .sub-value {
+    color: #fff;
+}
+
+.dashboard-stats-info-item .sub-list {
+    color: #eee;
+}
+
 .dashboard-stats-background,
 .dashboard-activity-background,
 .dashboard-activity-poster-container {
--- a/css/base/whisparr/whisparr-base.css
+++ b/css/base/whisparr/whisparr-base.css
@ -9,6 +9,9 @@

 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
+
+@import url("/css/defaults/placeholders.css");
+
 :root {
    --calendar-in-cinemas: 53 197 244;
    --calendar-downloading: 122 67 182; 
@ -199,6 +202,7 @@ a:hover {

 [class*="PageHeader-header-"] {
    background-color: rgba(0, 0, 0, .35);
+    color: var(--text);
 }

 /* SEARCH DROPDOWN HEADER */
@ -688,7 +692,7 @@ a:hover {

 [class*="MovieSearchInput-container-"] [class*="Input-input-"] {
    background: transparent;
-    border-bottom: solid 1px var(--text-hover);
+    border-bottom: solid 1px var(--text);
 }

 [class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus {
@ -755,42 +759,6 @@ a:hover {
    color: var(--text-muted);
 }

-/* MOVE THIS */
-input::-webkit-input-placeholder {
-    color: var(--text);
-}
-
-input:focus::-webkit-input-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus:-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text);
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover);
-}
-
 /* IMPORT */

 [class*="FieldSet-legend-"] {
@ -880,7 +848,7 @@ input:focus:-ms-input-placeholder {

 /* CALENDAR */
 [class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
-    stroke: var(--text-hover) !important;
+    stroke: #fff;
 }

 [class*="CalendarEvent-downloaded-"] {
@ -961,6 +929,7 @@ input:focus:-ms-input-placeholder {

 [class*="DayOfWeek-dayOfWeek-"] {
    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarDay-dayOfMonth-"] {
@ -983,6 +952,7 @@ input:focus:-ms-input-placeholder {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    border-left: 1px solid hsla(0, 0%, 100%, .08);
    border-right: 1px solid hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
 }

 [class*="CalendarEvent-movieTitle-"],
@ -990,7 +960,7 @@ input:focus:-ms-input-placeholder {
 [class*="CalendarEvent-episodeInfo-"],
 [class*="CalendarEvent-airTime-"],
 [class*="CalendarEvent-link-"] {
-    color: var(--text-hover) !important;
+    color: #fff !important;
 }

 [class*="CalendarEvent-event-"] {
@ -1006,11 +976,11 @@ input:focus:-ms-input-placeholder {
 }

 [class*="CalendarEventGroup-airTime-"] {
-    color: var(--text);
+    color: #fff;
 }

 [class*="CalendarEventGroup-episodeInfo-"] {
-    color: var(--text);
+    color: #fff;
 }

 [class*="LegendItem-missingMonitoredColorImpaired-"],
--- a/linux-amd64.Dockerfile
+++ b/linux-amd64.Dockerfile
@ -3,13 +3,13 @@ FROM ghcr.io/linuxserver/baseimage-alpine-nginx:3.14
 # set version label
 ARG BUILD_DATE
 ARG TP_RELEASE
-LABEL build_version="Version:- ${VERSION} Build-date:- ${BUILD_DATE} Platform: ${BUILD_ARCHITECTURE}"
+ARG BUILD_ARCHITECTURE
+LABEL build_version="Version:- ${TP_RELEASE} Build-date:- ${BUILD_DATE} Platform: ${BUILD_ARCHITECTURE}"
 LABEL maintainer="gilbn"
-LABEL org.opencontainers.image.description DESCRIPTION

 RUN \
 echo " ## Installing packages ## " && \
-apk add --no-cache --virtual=build-dependencies \
+apk add --no-cache --virtual=runtime-dependencies \
    python3 && \
  echo "**** install theme.park ****" && \
    mkdir -p /app/themepark
--- a/linux-arm-v7.Dockerfile
+++ b/linux-arm-v7.Dockerfile
@ -3,13 +3,13 @@ FROM ghcr.io/linuxserver/baseimage-alpine-nginx:arm32v7-3.14
 # set version label
 ARG BUILD_DATE
 ARG TP_RELEASE
-LABEL build_version="Version:- ${VERSION} Build-date:- ${BUILD_DATE} Platform: ${BUILD_ARCHITECTURE}"
+ARG BUILD_ARCHITECTURE
+LABEL build_version="Version:- ${TP_RELEASE} Build-date:- ${BUILD_DATE} Platform: ${BUILD_ARCHITECTURE}"
 LABEL maintainer="gilbn"
-LABEL org.opencontainers.image.description DESCRIPTION

 RUN \
 echo " ## Installing packages ## " && \
-apk add --no-cache --virtual=build-dependencies \
+apk add --no-cache --virtual=runtime-dependencies \
    python3 && \
  echo "**** install theme.park ****" && \
    mkdir -p /app/themepark
--- a/linux-arm64.Dockerfile
+++ b/linux-arm64.Dockerfile
@ -3,13 +3,13 @@ FROM ghcr.io/linuxserver/baseimage-alpine-nginx:arm64v8-3.14
 # set version label
 ARG BUILD_DATE
 ARG TP_RELEASE
-LABEL build_version="Version:- ${VERSION} Build-date:- ${BUILD_DATE} Platform: ${BUILD_ARCHITECTURE}"
+ARG BUILD_ARCHITECTURE
+LABEL build_version="Version:- ${TP_RELEASE} Build-date:- ${BUILD_DATE} Platform: ${BUILD_ARCHITECTURE}"
 LABEL maintainer="gilbn"
-LABEL org.opencontainers.image.description DESCRIPTION

 RUN \
 echo " ## Installing packages ## " && \
-apk add --no-cache --virtual=build-dependencies \
+apk add --no-cache --virtual=runtime-dependencies \
    python3 && \
  echo "**** install theme.park ****" && \
    mkdir -p /app/themepark