2023-08-24

css/addons/unraid/local.sh

@@ -0,0 +1,71 @@
+#!/bin/bash
+#
+# Theme-Park Theme CSS Synchronization Script
+#
+# This script synchronizes the CSS files needed for the theme-park.dev Unraid theme
+# into the Dynamix CSS styles folder. The script creates destination subfolders if
+# they don't exist and performs rsync for each subfolder. It then updates the @import references 
+# in the CSS files so the files get correctly loaded by the client.
+#
+# This script is intended for users of the "Theme Engine" plugin, allowing custom
+# styling to be added into the HTML head that references the copied CSS files.
+#
+# After running this script, you can use the following code snippet as an example
+# in your HTML head (Custom styling (advanced)) to include the copied CSS files using the "Theme Engine" plugin:
+#
+# <!-- Example for Theme Engine plugin -->
+# </style>
+#   <link type="text/css" rel="stylesheet" href="/webGui/styles/theme-park/css/base/unraid/nord.css"/>
+#
+# Tip: You can use the "User Scripts" plugin in Unraid to schedule this script to run
+# automatically when the Unraid array starts.
+#
+
+# Define root source folder (CHANGE THIS TO YOUR DESIRED SOURCE FOLDER)
+root_source_folder="/path/to/the/theme-park/root/folder"
+
+
+# -------------------- Start of Script --------------------
+# Define subfolders
+subfolders=("base/unraid" "theme-options" "defaults" "community-theme-options")
+
+# Main destination folder
+main_destination_folder="/usr/local/emhttp/plugins/dynamix/styles/theme-park/css/"
+
+# User instructions
+# Instructions: Only change the 'root_source_folder' variable to point to your desired source directory.
+# Do NOT modify other variables unless you understand their purpose.
+
+# Create subfolders if they don't exist
+for subfolder in "${subfolders[@]}"; do
+    destination_folder="$main_destination_folder$subfolder"
+    if [ ! -d "$destination_folder" ]; then
+        echo "Destination folder not found. Creating destination folder: $destination_folder"
+        mkdir -p "$destination_folder"
+    fi
+done
+
+# Perform rsync for each subfolder to its corresponding destination
+for subfolder in "${subfolders[@]}"; do
+    source_folder="$root_source_folder/$subfolder"
+    destination_folder="$main_destination_folder$subfolder"
+    
+    # Check if source folder exists
+    if [ ! -d "$source_folder" ]; then
+        echo "Source folder not found: $source_folder"
+        exit 1
+    fi
+    
+    rsync -av --delete "$source_folder/" "$destination_folder"
+    echo "Synchronization complete for source: $source_folder to destination: $destination_folder"
+done
+
+# Update import references in CSS files so the the files get correctly loaded on the client
+echo "Updating import references..."
+find "$main_destination_folder" -type f -name "*.css" -exec sed -i 's|@import url("/theme.park/css/|@import url("/webGui/styles/theme-park/css/|g' {} +
+
+echo "Reference update complete."
+
+# ---- End of Script ----
+
+echo "All synchronizations complete."

css/base/gitea/gitea-base.css

@@ -24,7 +24,11 @@
     --color-primary: rgb(var(--gitea-color-primary-dark-4),.6);
     --color-primary-dark-2: rgb(var(--gitea-color-primary-dark-4),.8);
     --color-primary-dark-4: rgb(var(--gitea-color-primary-dark-4));
-  }
+    --color-nav-bg: var(--main-bg-color);
+    --color-button: transparent;
+    --color-menu: transparent;
+    --color-footer: transparent;
+}
 
 body {
     background: var(--main-bg-color);

css/base/transmission/transmission-base.css

@@ -285,23 +285,27 @@ div#toolbar>div#toolbar-inspector:before {
 }
 
 ul.torrent_list,
-ul.torrent_list li.torrent.even {
+ul.torrent_list li.torrent.even,
-    background: var(--transparency-dark-25)
+ul.torrent-list,
+ul.torrent-list li.torrent.even {
+    background: var(--transparency-dark-25) !important;
 }
 
 ul.torrent_list li.torrent div.torrent_name {
     color: var(--text-hover);
 }
 
-ul.torrent_list li.torrent.selected {
+ul.torrent_list li.torrent.selected,
-    background: var(--transparency-dark-25);
+ul.torrent-list li.torrent.selected {
+    background: var(--transparency-dark-50) !important;
 }
 
-ul.torrent_list li.torrent {
+ul.torrent_list li.torrent,
+ul.torrent-list li.torrent {
     border-bottom: 1px solid rgba(204, 204, 204, 0.1);
     padding: 4px 30px 5px 14px;
     color: var(--text);
-    background: var(--transparency-light-10);
+    background: var(--transparency-light-10) !important;
 }
 
 /* Modal */
@@ -961,7 +965,9 @@ div.torrent_footer #compact-button.selected:before {
 
 /*Compact mode*/
 ul.torrent_list li.torrent div.torrent_name.paused,
-ul.torrent_list li.torrent.compact div.torrent_name {
+ul.torrent_list li.torrent.compact div.torrent_name,
+ul.torrent-list li.torrent div.torrent_name.paused,
+ul.torrent-list li.torrent.compact div.torrent_name {
     color: var(--text);
 }
 
@@ -982,4 +988,4 @@ ul.torrent_list li.torrent.compact div.torrent_name {
 .ui-icon,
 .ui-widget-content .ui-icon {
     background-image: url(/theme.park/resources/transmission/icons.png);
-}
+}

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/lidarr\/lidarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/lidarr\/lidarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/lidarr/lidarr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/lidarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/lidarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/lidarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/lidarr\/lidarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/lidarr\/lidarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/sonarr/sonarr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/lidarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/sonarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/lidarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/prowlarr\/prowlarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/prowlarr\/prowlarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/prowlarr/prowlarr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/prowlarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/prowlarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/prowlarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/prowlarr\/prowlarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/prowlarr\/prowlarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/prowlarr/prowlarr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/prowlarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/prowlarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/prowlarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/radarr\/radarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/radarr\/radarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/radarr/radarr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/radarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/radarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/radarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/radarr\/radarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/radarr\/radarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/radarr/radarr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/radarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/radarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/radarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/readarr\/readarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/readarr\/readarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/readarr/readarr-base.css'>"
-    sed -i "s/<body>/<body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/readarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/readarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/readarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
 fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/readarr\/readarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/readarr\/readarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/readarr/readarr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/readarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/readarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/readarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
 fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sonarr\/sonarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sonarr\/sonarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/sonarr/sonarr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/sonarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/sonarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/sonarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sonarr\/sonarr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sonarr\/sonarr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/sonarr/sonarr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/sonarr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/sonarr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/sonarr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

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

@@ -43,8 +43,13 @@ if ! grep -q "${TP_DOMAIN}/css/base" /usr/share/transmission/web/index.html; the
     echo '---------------------------'
     echo '|  Adding the stylesheet  |'
     echo '---------------------------'
+    echo 'There may be 2 missing file errors right now. If there''s only 2 you may safely'
+    echo 'ignore them as they''re there for backwards compatability. If there are more'
+    echo 'errors than that, something went wrong.'
     sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/transmission\/transmission-base.css'><\/head> /g" /usr/share/transmission/web/index.html
     sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/share/transmission/web/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/transmission\/transmission-base.css'><\/head> /g" /usr/share/transmission/public_html/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/share/transmission/public_html/index.html
     printf 'Stylesheet set to %s\n' "${TP_THEME}
     "
-fi
+fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/whisparr\/whisparr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/whisparr\/whisparr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/whisparr/whisparr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/whisparr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/whisparr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/whisparr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

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

@@ -50,18 +50,22 @@ fi
 # Adding stylesheets
 if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
     echo '---------------------------'
-    echo '|  Adding the stylesheet  |'
+    echo '|  Adding the stylesheets |'
     echo '---------------------------'
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/whisparr\/whisparr-base.css'> /g" "${APP_FILEPATH}"
+
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${APP_FILEPATH}"
+    url_base="${TP_SCHEME}://${TP_DOMAIN}"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/whisparr\/whisparr-base.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="<link rel='stylesheet' href='${url_base}/css/base/whisparr/whisparr-base.css'>"
-    sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'> /g" "${LOGIN_FILEPATH}"
+    sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/${THEME_TYPE}/${TP_THEME}.css'>"
     printf 'Stylesheet set to %s\n' "${TP_THEME}"
+
     if [[ -n ${TP_ADDON} ]]; then
         for addon in $(echo "$TP_ADDON" | tr "|" " "); do
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/whisparr\/${addon}\/${addon}.css'> /g" "${APP_FILEPATH}"
+        sheets="${sheets} <link rel='stylesheet' href='${url_base}/css/addons/whisparr/${addon}/${addon}.css'>"
-        sed -i "s/<body>/<body><link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/whisparr\/${addon}\/${addon}.css'> /g" "${LOGIN_FILEPATH}"
         printf 'Added custom addon: %s\n\n' "${addon}"
         done
     fi
-fi
+
+    sed -i "s!<body>!<body>${sheets}!g" "${APP_FILEPATH}"
+    sed -i "s!<body>!<body>${sheets}!g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheets inserted.'
+fi

themes.py

@@ -36,7 +36,7 @@ def create_addons_json() -> str:
     addon_folders = [name for name in listdir(
         addon_root) if isdir(join(addon_root, name))]
     for app in addon_folders:
-        app_addons = [addon for addon in listdir(f"{addon_root}/{app}")]
+        app_addons = [addon for addon in listdir(f"{addon_root}/{app}") if isdir(f"{addon_root}/{app}/{addon}")]
         ADDONS["addons"].update({
             app: {
                 addon: {} for addon in app_addons