2022-10-26

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

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

css/addons/bazarr/bazarr-darker/bazarr-darker.css

@@ -37,19 +37,19 @@
 }
 
 /* HEADER */
-.mantine-Header-root[class*="bazarr-"] {
+.bazarr-Header-root[class*="bazarr-"] {
     background-color: var(--header-color) !important;
     border-bottom: 1px solid var(--transparency-light-15);
 }
 
 /* SIDE MENU */
-.mantine-Navbar-root[class*="bazarr-"] {
+.bazarr-Navbar-root[class*="bazarr-"] {
     background-color: var(--side-menu-color) !important;
     color: white !important;
 }
 
-#root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"],
+#root>div>div>main>div>div.bazarr-Group-root[class*="bazarr-"],
-#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"],
+#root>div>div>main>div>div>div.bazarr-Group-root[class*="bazarr-"],
-#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] {
+#root>div>div>main>form>div.bazarr-Group-root[class*="bazarr-"] {
     background: #262626 !important;
 }

css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css

@@ -0,0 +1,19 @@
+[class*="CalendarEvent-downloaded-"] {
+    background: rgb(var(--calendar-downloaded) / .4) !important;
+}
+
+[class*="CalendarEvent-downloading-"] {
+    background: rgb(var(--calendar-downloading) / .4) !important; 
+}
+
+[class*="CalendarEvent-unmonitored-"] {
+    background: rgb(var(--calendar-unmonitored) / .4) !important;
+}
+
+[class*="CalendarEvent-missing-"] {
+    background: rgb(var(--calendar-missing) / .4) !important;
+}
+
+[class*="CalendarEvent-unreleased-"] {
+    background: rgb(var(--calendar-unreleased) / .4) !important;
+}

css/addons/radarr/radarr-alt-calendar/radarr-alt-calendar.css

@@ -0,0 +1,31 @@
+
+[class*="CalendarEvent-event-"] {
+    background: rgb(var(--calendar-unmonitored) / .4);
+}
+
+[class*="CalendarEvent-downloaded-"] {
+    background: rgb(var(--calendar-available) / .4) !important;
+}
+
+[class*="CalendarEvent-missing-"],
+[class*="CalendarEvent-missingMonitored"] {
+    background-color: rgb(var(--calendar-missing) / .4);
+}
+
+[class*="CalendarEvent-missingUnmonitored-"] {
+    background: rgb(var(--calendar-missing-unmonitored) / .4) !important;
+}
+
+[class*="CalendarEvent-unreleased-"],
+[class*="CalendarEvent-continuing-"] {
+    background: rgb(var(--calendar-unaired) / .4) !important;
+}
+
+[class*="CalendarEvent-unmonitored-"] {
+    background: rgb(var(--calendar-unmonitored) / .4) !important;
+}
+
+[class*="CalendarEvent-downloading-"],
+[class*="CalendarEvent-queue-"] {
+    background: rgb(var(--calendar-downloading) / .4) !important;
+}

css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css

@@ -0,0 +1,20 @@
+[class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-downloaded) / .4) !important;
+}
+
+[class*="CalendarEvent-missing-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-missing) / .4) !important;
+}
+
+[class*="CalendarEvent-unreleased-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-unreleased) / .4) !important;
+}
+
+[class*="CalendarEvent-unmonitored-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-unmonitored) / .4) !important;
+}
+
+[class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]),
+[class*="CalendarEvent-queue-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-downloading) / .4) !important;
+}

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

@@ -0,0 +1,55 @@
+@media (min-width: 752px) {
+    [class*="PageHeader-logo-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]:before {
+        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;
+    }    
+} 
+
+
+[class*="LoadingPage-logoFull-"] {
+    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:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    } 
+}

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

@@ -0,0 +1,38 @@
+@media (min-width: 752px) {
+    [class*="PageHeader-logo-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]:before {
+        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;
+}
+
+[class*="LoadingPage-page-"]:before {
+        background-image: url("/theme.park/css/addons/sonarr/sonarr-text-logo/sonarr-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;
+
+}

css/addons/unraid/login-page/alien/alien-base.css

@@ -0,0 +1,245 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-10: rgba(255, 255, 255, 0.1);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-25: rgba(255, 255, 255, 0.25);
+        --div-background-color-35: rgba(255, 255, 255, 0.35);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://brennan.io/2017/06/14/alien-computer-card/
+    https://www.cssmatic.com/noise-texture
+
+    https://codepen.io/somethingformed/pen/raWJXV
+    radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
+    */
+
+* {
+    outline: none;
+}
+
+@media only screen and (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem  {display: none;}
+    
+    #login {
+        -webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important;
+        box-shadow: inset 0px 0px 0px 2px #F000 !important;
+    }
+}
+
+html {
+    background: var(--main-bg) !important;
+}
+
+body {
+    background: var(--main-bg) !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+    text-shadow: var(--text-shadow) var(--text-color);
+    font-size: 20px;
+}
+#login a {
+    color: var(--link-color);
+    text-shadow: var(--text-shadow) var(--text-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+    text-shadow: var(--text-shadow) var(--text-color);
+}
+#login input {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+    -webkit-font-smoothing: none;
+    line-height: 1.2;
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+    text-shadow: var(--text-shadow) var(--text-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 5px;
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+
+}
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    text-shadow: var(--text-shadow) var(--text-color);
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    text-shadow: var(--text-shadow) var(--button-color-hover);
+    box-shadow: var(--box-shadow) var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2-hover)), to(var(--button-color-hover)));
+    background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover));
+}
+
+
+#login {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) !;
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+}
+
+#login .angle:after {
+    display: none;
+}
+#login .wordmark {
+    display: none;
+}
+
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .8s;
+}
+/*LOGIN BOX SHADOW*/
+.shadow {
+    -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+}

css/addons/unraid/login-page/alien/custom.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
 :root {
     --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
     url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;

css/addons/unraid/login-page/alien/hallway.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
 :root {
     --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
     url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed;

css/addons/unraid/login-page/alien/hallway2.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
 :root {
     --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
     url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;

css/addons/unraid/login-page/alien/hallway3.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
 :root {
     --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
     url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed;

css/addons/unraid/login-page/alien/hallway4.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
 :root {
     --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
     url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed;

css/addons/unraid/login-page/alien/isolation.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
 :root {
     --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
     url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed;

css/addons/unraid/login-page/alien/isolation_video.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
 :root {
     --main-bg: transparent;
     --logo: url(/theme.park/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;

css/addons/unraid/login-page/alien/nightmare.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
 :root {
     --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
     url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed;

css/addons/unraid/login-page/alien/scanner.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/alien/alien_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/alien/alien-base.css");
 :root {
     --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
     url(/theme.park/css/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed;

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

@@ -1,12 +1,23 @@
 #!/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 the whole theme with the DISABLE_THEME env.
+DOMAIN="theme-park.dev"
 SCHEME="https"
 ADD_JS="true"
 JS="custom_text_header.js"
 DISABLE_THEME="false"
 
+## FAQ
+
+  # If you update the DOMAIN variable after the script has been run,
+  # 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 your custom domain uses a subfolder you must escape the forward slash. (custom.com\/subfolder)
+
+  # If you are on an Unraid version older than 6.10 you need to update the LOGIN_PAGE variable to "/usr/local/emhttp/login.php"
+
 echo -e "Variables set:\\n\
 TYPE          = ${TYPE}\\n\
 THEME         = ${THEME}\\n\
@@ -16,16 +27,15 @@ ADD_JS        = ${ADD_JS}\\n\
 JS            = ${JS}\\n\
 DISABLE_THEME = ${DISABLE_THEME}\\n"
 
+echo "NOTE: Change the LOGIN_PAGE variable to /usr/local/emhttp/login.php if you are on a version older than 6.10"
+LOGIN_PAGE="/usr/local/emhttp/webGui/include/.login.php"
+
+
 IFS='"'
 set $(cat /etc/unraid-version)
 UNRAID_VERSION="$2"
 IFS=$' \t\n'
-LOGIN_PAGE="/usr/local/emhttp/login.php"
+echo "Unraid version: ${UNRAID_VERSION}"
-# 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

css/addons/unraid/login-page/fallout/dirty_terminal.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
 :root {
     --main-bg-color: url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
     url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;

css/addons/unraid/login-page/fallout/dirty_terminal2.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
 :root {
     --main-bg-color: url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
     url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;

css/addons/unraid/login-page/fallout/fallout-base.css

@@ -0,0 +1,195 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+
+
+* {
+    outline: none;
+}
+
+@media (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem  {display: none;}
+}
+
+html {
+    background: var(--main-bg-color) !important;
+}
+body {
+    background: var(--main-bg-color) !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+}
+#login a {
+    color: var(--link-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+}
+#login input {
+    color: var(--input-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 5px;
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+
+}
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    background-color: var(--button-color);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
+}
+
+
+#login {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) !;
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+}
+
+#login .angle:after {
+    display: none;
+}
+#login .wordmark {
+    display: none;
+}
+
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .8s;
+}

css/addons/unraid/login-page/fallout/fallout_video.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
 :root {
     --main-bg-color: transparent;
     --logo: url(/theme.park/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;

css/addons/unraid/login-page/fallout/terminal.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
 :root {
     --main-bg-color: url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
     --logo: url(/theme.park/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;

css/addons/unraid/login-page/fallout/terminal2.css

@@ -1,4 +1,4 @@
-@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("/theme.park/css/addons/unraid/login-page/fallout/fallout-base.css");
 :root {
     --main-bg-color: url(/theme.park/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
     --logo: url(/theme.park/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;

css/addons/whisparr/whisparr-alt-calendar/whisparr-alt-calendar.css

@@ -0,0 +1,58 @@
+:root {
+    --calendar-in-cinemas: 53 197 244;
+    --calendar-downloading: 122 67 182;
+    --calendar-unmonitored: 173 173 173;
+    --calendar-unaired: 93 156 236;
+    --calendar-missing: 240 80 80;
+    --calendar-missing-unmonitored: 255 165 0;
+    --calendar-available: 39 194 76;
+}
+
+/* CALENDAR */
+[class*="CalendarEvent-downloaded-"] {
+    background: rgb(var(--calendar-available) / .4) !important;
+    
+}
+
+[class*="CalendarEvent-missing-"],
+[class*="CalendarEvent-missingMonitored"] {
+    background-color: rgb(var(--calendar-missing) / .4);
+    
+}
+
+[class*="CalendarEvent-missingUnmonitored-"] {
+    background: rgb(var(--calendar-missing-unmonitored) / .4) !important;
+    
+}
+
+[class*="CalendarEvent-unreleased-"],
+[class*="CalendarEvent-continuing-"] {
+    background: rgb(var(--calendar-unaired) / .4) !important;
+    
+}
+
+[class*="CalendarEvent-event-"] {
+    background: rgb(var(--calendar-unmonitored) / .4);
+}
+
+[class*="CalendarEvent-unmonitored-"] {
+    background: rgb(var(--calendar-unmonitored) / .4) !important;
+    
+}
+
+[class*="CalendarEvent-downloading-"],
+[class*="CalendarEvent-queue-"] {
+    background: rgb(var(--calendar-downloading) / .4) !important;
+    
+}
+
+/* Color Impaired Mode */
+
+[class*="CalendarEvent-missing-"].colorImpaired,
+[class*="CalendarEvent-missingMonitored-"].colorImpaired {
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important;
+}
+
+[class*="CalendarEvent-missingUnmonitored-"].colorImpaired {
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing-unmonitored) / .2), rgb(var(--calendar-missing-unmonitored) / .2) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 10px) !important;
+}

css/base/bazarr/bazarr-base.css

@@ -21,17 +21,17 @@ html {
     color: var(--text-hover) !important;
 }
 
-.mantine-Text-root[class*="bazarr-"]:not(.mantine-Badge-light span div):not(.mantine-Progress-bar div):not(a) {
+.bazarr-Text-root[class*="bazarr-"]:not(.bazarr-Badge-light span div):not(.bazarr-Progress-bar div):not(a) {
     color: var(--text);
 }
 
 a,
-.mantine-Text-root.mantine-Anchor-root[class*="bazarr-"] {
+.bazarr-Text-root.bazarr-Anchor-root[class*="bazarr-"] {
     color: var(--link-color);
 }
 
 a:hover,
-.mantine-Text-root.mantine-Anchor-root[class*="bazarr-"]:hover {
+.bazarr-Text-root.bazarr-Anchor-root[class*="bazarr-"]:hover {
     color: var(--link-color-hover);
 }
 
@@ -42,58 +42,56 @@ h3,
 h4,
 h5,
 h6,
-.mantine-Blockquote-icon {
+.bazarr-Blockquote-icon {
     color: var(--text-hover) !important;
 }
 
 /* HEADER */
 
-.mantine-Header-root[class*="bazarr-"] {
+.bazarr-Header-root[class*="bazarr-"] {
     background: var(--main-bg-color);
     border-bottom: 1px solid var(--transparency-light-15);
 }
 
 /* SUBHEADER */
 
-/* .mantine-Container-root[class*="bazarr-"] .mantine-Group-root[class*="bazarr-"]:not(td>*):not(.mantine-Card-root div), */
+#root>div>div>main>div>div.bazarr-Group-root[class*="bazarr-"],
-#root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"],
+#root>div>div>main>form>div.bazarr-Group-root[class*="bazarr-"] {
-#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"]:not([role="navigation"]),
-#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] {
     background: var(--transparency-dark-25);
 }
 
-.mantine-Button-icon.mantine-Button-leftIcon[class*="bazarr-"] {
+.bazarr-Button-icon.bazarr-Button-leftIcon[class*="bazarr-"] {
     color: var(--text)
 }
 
 
 /* SIDEMENU */
 
-.mantine-Navbar-root[class*="bazarr-"] {
+.bazarr-Navbar-root[class*="bazarr-"] {
     background: var(--transparency-dark-25);
     border-right: 1px solid var(--transparency-light-15);
 }
 
-.mantine-Divider-root .mantine-Divider-horizontal[class*="bazarr-"] {
+.bazarr-Divider-root .bazarr-Divider-horizontal[class*="bazarr-"] {
     border-top-color: var(--transparency-light-10);
 }
 
-.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a[aria-current="page"] {
+.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root[class*="bazarr-"] a[aria-current="page"] {
     background: var(--transparency-dark-15) !important;
     border-left: 2px solid rgb(var(--accent-color));
 }
 
-.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a {
+.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root[class*="bazarr-"] a {
     border-left: 2px solid var(--transparency-light-10);
 }
 
-.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root a [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner),
+.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root a [class*="bazarr-"]:hover:not(.bazarr-Badge-light):not(.bazarr-Badge-inner),
-.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner) {
+.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root [class*="bazarr-"]:hover:not(.bazarr-Badge-light):not(.bazarr-Badge-inner) {
     color: rgb(var(--accent-color));
     background: transparent;
 }
 
-.mantine-Navbar-root[class*="bazarr-"] {
+.bazarr-Navbar-root[class*="bazarr-"] {
     background: var(--main-bg-color);
 }
 
@@ -111,11 +109,12 @@ h6,
     border-bottom: 1px solid var(--transparency-light-20) !important;
 }
 
-[class*="bazarr-"].__mantine-ref-striped tbody tr:nth-of-type(2n+1) {
+[class*="bazarr-"].__bazarr-ref-striped tbody tr:nth-of-type(2n+1),
+[class*="bazarr-"][data-striped] tbody tr:nth-of-type(2n+1) {
     background: var(--transparency-dark-15) !important;
 }
 
-.mantine-Table-root .__mantine-ref-striped .mantine-Table-striped[class*="bazarr-"] {
+.bazarr-Table-root .__bazarr-ref-striped .bazarr-Table-striped[class*="bazarr-"] {
     color: var(--text)
 }
 
@@ -124,28 +123,28 @@ h6,
     color: var(--text-hover) !important;
 }
 
-.mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::after {
+.bazarr-Skeleton-root.bazarr-Skeleton-visible[class*="bazarr-"]::after {
     background: var(--transparency-light-10);
 }
 
-.mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::before {
+.bazarr-Skeleton-root.bazarr-Skeleton-visible[class*="bazarr-"]::before {
     background: var(--transparency-dark-25);
 }
 
 /* PAGINATION */
 
-.mantine-Group-child.mantine-Pagination-item {
+.bazarr-Group-child.bazarr-Pagination-item {
     border: 1px solid var(--transparency-light-10);
     background: var(--transparency-dark-15);
     color: var(--text);
 }
 
-.mantine-Group-child.mantine-Pagination-item[class*="bazarr-"]:disabled {
+.bazarr-Group-child.bazarr-Pagination-item[class*="bazarr-"]:disabled {
     background: var(--transparency-light-15);
     color: var(--text-muted);
 }
 
-.mantine-Group-child.mantine-Pagination-item.mantine-Pagination-active[class*="bazarr-"] {
+.bazarr-Group-child.bazarr-Pagination-item.bazarr-Pagination-active[class*="bazarr-"] {
     background: rgb(var(--accent-color));
     color: var(--label-text-color);
 }
@@ -153,328 +152,360 @@ h6,
 
 /* BUTTONS */
 
-.mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"] {
+.bazarr-UnstyledButton-root.bazarr-Button-root {
     color: var(--button-text);
     background: var(--button-color);
 }
 
-.mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover {
+.bazarr-UnstyledButton-root.bazarr-Button-root:disabled,
-    color: var(--button-text-hover);
+.bazarr-UnstyledButton-root.bazarr-Button-root[data-disabled] {
-    background: var(--button-color-hover);
+    border-color: transparent;
+    background-color: var(--transparency-light-15);
+    color: var(--text-muted);
 }
 
-.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover {
+.bazarr-UnstyledButton-root.bazarr-Button-root:hover {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover);
+    border: 1px solid var(--button-color-hover) !important;
+}
+
+.bazarr-Button-subtle.bazarr-Button-root.bazarr-Group-child[class*="bazarr-"]:hover {
     background: var(--transparency-dark-15);
 }
 
-.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:not(.__mantine-ref-loading):disabled {
+.bazarr-Button-subtle.bazarr-Button-root.bazarr-Group-child[class*="bazarr-"]:not(.__bazarr-ref-loading):disabled {
     background: transparent;
     opacity: .5;
 }
 
-.mantine-ActionIcon-hover.mantine-ActionIcon-root[class*="bazarr-"]:hover {
+.bazarr-ActionIcon-hover.bazarr-ActionIcon-root[class*="bazarr-"]:hover {
     background: var(--transparency-dark-15);
 }
 
-.mantine-Button-filled.mantine-Button-root[class*="bazarr-"] {
+.bazarr-Button-filled.bazarr-Button-root[class*="bazarr-"] {
     color: var(--button-text);
     background: var(--button-color);
 }
 
-.mantine-Button-filled.mantine-Button-root[class*="bazarr-"]:hover {
+.bazarr-Button-filled.bazarr-Button-root[class*="bazarr-"]:hover {
     color: var(--button-text-hover);
     background: var(--button-color-hover);
 }
 
-[class*="bazarr-"].mantine-Switch-input:checked {
+[class*="bazarr-"].bazarr-Switch-input:checked {
     background-color: rgb(var(--accent-color));
     border-color: rgb(var(--accent-color));
 }
 
-[class*="bazarr-"].mantine-Switch-input:checked::before {
+input:checked+[class*="bazarr-"] {
+    background-color: rgb(var(--accent-color)) !important;
+    border-color: rgb(var(--accent-color)) !important;
+    color: rgb(255, 255, 255);
+    transition: color 150ms ease 0s;
+}
+
+[class*="bazarr-"].bazarr-Switch-input:checked::before {
     border-color: var(--label-text-color);
     background: var(--label-text-color);
 }
 
-[class*="bazarr-"].mantine-Switch-input:checked::after {
+[class*="bazarr-"].bazarr-Switch-input:checked::after {
     color: var(--label-text-color);
 }
 
-[class*="bazarr-"].mantine-Switch-label {
+[class*="bazarr-"].bazarr-Switch-label {
     color: var(--text-hover);
 }
 
-[class*="bazarr-"].mantine-Switch-input {
+[class*="bazarr-"].bazarr-Switch-input {
     background: var(--transparency-dark-15);
     border: 1px solid var(--transparency-light-10);
 }
 
-.mantine-UnstyledButton-root.__mantine-ref-control.mantine-Accordion-control[class*="bazarr-"]:hover {
+.bazarr-UnstyledButton-root.__bazarr-ref-control.bazarr-Accordion-control[class*="bazarr-"]:hover {
     background: var(--transparency-dark-15);
 }
 
-.mantine-Accordion-item[class*="bazarr-"] {
+.bazarr-Accordion-item[class*="bazarr-"] {
     border-bottom: var(--transparency-light-10) 1px solid;
 }
 
-.__mantine-ref-icon.mantine-Accordion-icon[class*="bazarr-"] {
+.__bazarr-ref-icon.bazarr-Accordion-icon[class*="bazarr-"] {
     color: rgb(var(--accent-color))
 }
 
-.mantine-ActionIcon-transparent.mantine-ActionIcon-root[class*="bazarr-"] {
+.bazarr-ActionIcon-transparent.bazarr-ActionIcon-root[class*="bazarr-"] {
     color: rgb(var(--accent-color))
 }
 
-.mantine-UnstyledButton-root[class*="bazarr-"] {
+.bazarr-UnstyledButton-root[class*="bazarr-"] {
-    color: var(--text);
+    color: var(--button-text);
     border: 1px solid var(--transparency-light-10);
 }
 
-.mantine-UnstyledButton-root[class*="bazarr-"]:hover {
+.bazarr-UnstyledButton-root[class*="bazarr-"]:hover {
     box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
     border: 1px solid rgb(var(--accent-color));
 }
 
-.mantine-Slider-bar[class*="bazarr-"] {
+.bazarr-Slider-bar[class*="bazarr-"] {
     background: rgb(var(--accent-color));
 }
 
-.mantine-Slider-thumb[class*="bazarr-"] {
+.bazarr-Slider-thumb[class*="bazarr-"] {
     border: 4px solid rgb(var(--accent-color));
     color: var(--label-text-color);
     background: var(--label-text-color);
 }
 
-.mantine-Slider-mark.mantine-Slider-markFilled[class*="bazarr-"] {
+.bazarr-Slider-mark.bazarr-Slider-markFilled[class*="bazarr-"] {
     border: 2px solid var(--label-text-color);
     background: var(--label-text-color);
 }
 
-[class*="bazarr-"].mantine-Slider-track::before {
+[class*="bazarr-"].bazarr-Slider-track::before {
     background: var(--transparency-dark-15);
 }
 
-[class*="bazarr-"].mantine-Slider-mark {
+[class*="bazarr-"].bazarr-Slider-mark {
     border: 2px solid rgb(var(--accent-color));
     background-color: rgb(var(--accent-color))
 }
 
 /* ACTION BUTTON */
-.mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"] {
+.bazarr-ActionIcon-root[class*="bazarr-"] {
     background: var(--button-color);
     color: var(--button-text);
     border: 1px solid var(--button-color)
 }
 
-.mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"]:hover {
+.bazarr-ActionIcon-root[class*="bazarr-"]:disabled {
+    background: var(--transparency-light-15);
+    color: var(--text-muted);
+    border: 1px solid var(--transparency-light-15);
+}
+
+
+.bazarr-ActionIcon-root[class*="bazarr-"]:hover {
     background: var(--button-color-hover);
     color: var(--button-text-hover);
     border: 1px solid var(--button-color-hover)
 }
 
-.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Group-child[class*="bazarr-"] {
+.bazarr-ActionIcon-hover.bazarr-ActionIcon-root.bazarr-Group-child[class*="bazarr-"] {
     color: var(--text);
 }
 
 /* BADGES/PROGRESSBARS */
-.mantine-Progress-root[class*="bazarr-"] {
+.bazarr-Progress-root[class*="bazarr-"] {
     background: var(--transparency-dark-15);
 }
 
-.mantine-Badge-light.mantine-Badge-root[class*="bazarr-"] {
+.bazarr-Badge-root[class*="bazarr-"]:not(#root > div > div > main > div > div > div.bazarr-Stack-root[class*="bazarr-"] > div[class*="bazarr-"] > table > tbody > tr > td > div > div > div > div) {
     background-color: rgb(var(--accent-color));
     color: var(--label-text-color)
 }
 
-[class*="mantine-MultiSelect-"].mantine-MultiSelect-value[class*="bazarr-"],
+[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-value[class*="bazarr-"],
-.mantine-ActionIcon-transparent.mantine-ActionIcon-root.mantine-MultiSelect-defaultValueRemove[class*="bazarr-"] {
+.bazarr-ActionIcon-transparent.bazarr-ActionIcon-root.bazarr-MultiSelect-defaultValueRemove[class*="bazarr-"] {
     background: rgb(var(--accent-color));
     color: var(--label-text-color)
 }
 
 /* INPUT */
 
-[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"],
+[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"],
-[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"],
+[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"],
-[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"],
+[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"],
-[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"] {
+[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"] {
     background: var(--transparency-dark-25);
     border: 1px solid var(--transparency-light-10);
     color: var(--text);
 }
 
-[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"]:focus,
+[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"]:focus,
-[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"]:focus-within,
+[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"]:focus-within,
-[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus,
+[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"]:focus,
-[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus-within,
+[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"]:focus-within,
-[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus,
+[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"]:focus,
-[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus-within,
+[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"]:focus-within,
-[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus,
+[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"]:focus,
-[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus-within {
+[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"]:focus-within {
     outline: none;
     border-color: rgb(var(--accent-color)) !important;
     color: var(--text-hover)
 }
 
-.mantine-NumberInput-control.mantine-NumberInput-controlUp[class*="bazarr-"] {
+.bazarr-NumberInput-control.bazarr-NumberInput-controlUp[class*="bazarr-"] {
     border-bottom-color: var(--transparency-light-10);
     border-left-color: var(--transparency-light-10);
 }
 
-.mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"] {
+.bazarr-NumberInput-control.bazarr-NumberInput-controlDown[class*="bazarr-"] {
     border-left-color: var(--transparency-light-10);
 }
 
-.mantine-NumberInput-control.mantine-NumberInput-controlUp[class*="bazarr-"]::after {
+.bazarr-NumberInput-control.bazarr-NumberInput-controlUp[class*="bazarr-"]::after {
     border-color: transparent transparent var(--text);
 }
 
-.mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"]::after {
+.bazarr-NumberInput-control.bazarr-NumberInput-controlDown[class*="bazarr-"]::after {
     border-color: var(--text) transparent transparent;
 }
 
-[class*="bazarr-"].mantine-Checkbox-inner input {
+[class*="bazarr-"].bazarr-Checkbox-inner input {
     background: var(--transparency-dark-15);
     border: 1px solid var(--transparency-light-10);
 }
 
-[class*="bazarr-"].mantine-Checkbox-input:checked {
+[class*="bazarr-"].bazarr-Checkbox-input:checked {
     background-color: rgb(var(--accent-color));
     border-color: rgb(var(--accent-color));
 }
 
-.__mantine-ref-icon[class*="bazarr-"].mantine-Checkbox-icon {
+.__bazarr-ref-icon[class*="bazarr-"].bazarr-Checkbox-icon {
     color: var(--label-text-color)
 }
 
-[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"],
+[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"],
-[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"] {
+[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"] {
     color: var(--text);
 }
 
 textarea,
-[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"] {
+[class*="bazarr-Textarea-"].bazarr-Textarea-input[class*="bazarr-"] {
     background: var(--transparency-dark-15);
 }
 
 textarea:focus,
-[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus,
+[class*="bazarr-Textarea-"].bazarr-Textarea-input[class*="bazarr-"]:focus,
 textarea:focus-within,
-[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus-within {
+[class*="bazarr-Textarea-"].bazarr-Textarea-input[class*="bazarr-"]:focus-within {
     border-color: rgb(var(--accent-color)) !important;
 }
 
 /* SELECT */
-.mantine-Select-wrapper[class*="bazarr-"] input,
+.bazarr-Select-wrapper[class*="bazarr-"] input,
-[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"] {
+[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"] {
     background-color: var(--transparency-dark-15);
     color: var(--text);
     border: 1px solid var(--transparency-light-10);
 }
 
-[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"]:focus,
+[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"]:focus,
-[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"]:focus-within {
+[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"]:focus-within {
     border-color: rgb(var(--accent-color)) !important;
 }
 
-.mantine-Select-wrapper[class*="bazarr-"] input:focus,
+.bazarr-Select-wrapper[class*="bazarr-"] input:focus,
-.mantine-Select-wrapper[class*="bazarr-"] input:focus-within {
+.bazarr-Select-wrapper[class*="bazarr-"] input:focus-within {
     outline: none;
     border-color: rgb(var(--accent-color)) !important;
 }
 
 /* DROPDOWNS */
 
-.mantine-Paper-root.mantine-Menu-body[class*="bazarr-"] {
+.bazarr-Select-dropdown {
+    background: rgba(255, 0, 0, 0.283);
+}
+
+.bazarr-Paper-root.bazarr-Menu-body[class*="bazarr-"],
+.bazarr-Menu-dropdown[class*="bazarr-"] {
     border: 1px solid var(--transparency-light-10);
     background: var(--drop-down-menu-bg);
 }
 
-[class*="bazarr-"].mantine-Menu-itemInner {
+[class*="bazarr-"].bazarr-Menu-itemInner {
     color: var(--text);
 }
 
-.mantine-Menu-item.mantine-Menu-itemHovered[class*="bazarr-"] {
+.bazarr-Menu-item[class*="bazarr-"]:disabled [class*="bazarr-"].bazarr-Menu-itemInner {
+    color: var(--text-muted) !important;
+}
+
+.bazarr-Menu-item.bazarr-Menu-itemHovered[class*="bazarr-"] {
     background-color: var(--transparency-light-10);
     color: var(--text-hover);
 }
 
-.mantine-Menu-item[class*="bazarr-"]:hover {
+.bazarr-Menu-item[class*="bazarr-"]:hover {
     color: var(--text-hover);
+    background-color: var(--transparency-light-10);
 }
 
-.mantine-ScrollArea-root.mantine-Paper-root.mantine-Select-dropdown[class*="bazarr-"] {
+.bazarr-ScrollArea-root.bazarr-Paper-root.bazarr-Select-dropdown[class*="bazarr-"] {
     background: var(--drop-down-menu-bg);
     border: 1px solid var(--drop-down-menu-bg);
 }
 
-.mantine-Select-item.mantine-Select-selected[class*="bazarr-"] {
+.bazarr-Select-item.bazarr-Select-selected[class*="bazarr-"] {
     background: var(--transparency-light-10);
 }
 
-[class*="bazarr-"].mantine-Select-item:hover {
+[class*="bazarr-"].bazarr-Select-item:hover {
     background: var(--transparency-dark-15)
 }
 
-.mantine-ScrollArea-root.mantine-Paper-root.mantine-Autocomplete-dropdown[class*="bazarr-"] {
+.bazarr-ScrollArea-root.bazarr-Paper-root.bazarr-Autocomplete-dropdown[class*="bazarr-"] {
     background: var(--drop-down-menu-bg);
     color: var(--text);
     border: 1px solid var(--drop-down-menu-bg);
 }
 
-.mantine-Autocomplete-item.mantine-Autocomplete-hovered[class*="bazarr-"] {
+.bazarr-Autocomplete-item.bazarr-Autocomplete-hovered[class*="bazarr-"] {
     background: var(--transparency-dark-15);
 }
 
-[class*="bazarr-"].mantine-Autocomplete-item {
+[class*="bazarr-"].bazarr-Autocomplete-item {
     color: var(--text);
 }
 
 /* MODAL */
 
-.mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] {
+.bazarr-Paper-root.bazarr-Modal-modal[class*="bazarr-"] {
     color: var(--text);
     box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 28px 23px -7px, rgb(0 0 0 / 4%) 0px 12px 12px -7px;
     background: var(--modal-bg-color);
 }
 
-.mantine-Divider-root.mantine-Divider-horizontal[class*="bazarr-"] {
+.bazarr-Divider-root.bazarr-Divider-horizontal[class*="bazarr-"] {
     border-top-color: var(--transparency-light-10);
 }
 
-.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Modal-close[class*="bazarr-"]:hover {
+.bazarr-ActionIcon-hover.bazarr-ActionIcon-root.bazarr-Modal-close[class*="bazarr-"]:hover {
     background: var(--transparency-dark-15);
 }
 
-.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Modal-close[class*="bazarr-"] {
+.bazarr-ActionIcon-hover.bazarr-ActionIcon-root.bazarr-Modal-close[class*="bazarr-"] {
     color: var(--text);
 }
 
-.mantine-ActionIcon-hover.mantine-ActionIcon-root[class*="bazarr-"] {
+.bazarr-ActionIcon-hover.bazarr-ActionIcon-root[class*="bazarr-"] {
     color: var(--text);
 }
 
 /* RELEASES */
 
-.mantine-Paper-root.mantine-Card-root[class*="bazarr-"] {
+.bazarr-Paper-root.bazarr-Card-root[class*="bazarr-"] {
     background: var(--transparency-dark-15);
 }
 
-.mantine-List-item[class*="bazarr-"] {
+.bazarr-List-item[class*="bazarr-"] {
     color: var(--text);
 }
 
 /* ALERTS */
 
-.mantine-Alert-root.mantine-Alert-light[class*="bazarr-"] {
+.bazarr-Alert-root[class*="bazarr-"] {
     background: var(--transparency-dark-15);
 }
 
-[class*="bazarr-"].mantine-Alert-message {
+[class*="bazarr-"].bazarr-Alert-message {
     color: var(--text);
 }
 
-[class*="bazarr-"].mantine-Alert-label {
+[class*="bazarr-"].bazarr-Alert-label {
     color: var(--text-hover)
 }
 
@@ -500,41 +531,41 @@ line {
 }
 
 /* NOTIFICATIONS */
-.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"],
+.bazarr-Notification-root.bazarr-Notification-withIcon[class*="bazarr-"],
-.mantine-Notification-root[class*="bazarr-"] {
+.bazarr-Notification-root[class*="bazarr-"] {
     background: var(--drop-down-menu-bg);
     border: 1px solid var(--drop-down-menu-bg);
 }
 
 code,
-.mantine-Code-root[class*="bazarr-"] {
+.bazarr-Code-root[class*="bazarr-"] {
     background: rgb(var(--accent-color));
     color: var(--label-text-color);
 }
 
-.mantine-Code-root.mantine-Code-block[class*="bazarr-"] {
+.bazarr-Code-root.bazarr-Code-block[class*="bazarr-"] {
     background: var(--transparency-dark-15);
     color: var(text);
 }
 
 /* SPINNER  */
 
-.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] svg {
+.bazarr-Notification-root.bazarr-Notification-withIcon[class*="bazarr-"] svg {
     stroke: rgb(var(--accent-color));
 }
 
 /* PROGRESSBAR */
 
-[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] {
+[class*="bazarr-"].bazarr-Progress-bar[style="width: 100%;"] {
     background: rgb(var(--accent-color));
 }
 
-[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] .mantine-Text-root.mantine-Progress-label[class*="bazarr-"] {
+[class*="bazarr-"].bazarr-Progress-bar[style="width: 100%;"] .bazarr-Text-root.bazarr-Progress-label[class*="bazarr-"] {
     color: var(--label-text-color);
 }
 
 /* LOADER */
 
-.mantine-LoadingOverlay-root[class*="bazarr-"] svg {
+.bazarr-LoadingOverlay-root[class*="bazarr-"] svg {
     stroke: rgb(var(--accent-color));
 }

css/base/calibreweb/calibreweb-base.css

@@ -14,16 +14,17 @@
  /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
  /* APP VARS*/
 
-@import url("/theme.park/css/defaults/placeholders.css");
+ @import url("/theme.park/css/defaults/placeholders.css");
-@import url("/theme.park/css/defaults/transparent.css");
+ @import url("/theme.park/css/defaults/transparent.css");
 
  :root {
-    --color-background: var(--main-bg-color);
+     --color-background: var(--main-bg-color);
-    --color-primary: rgb(var(--accent-color));
+     --color-primary: rgb(var(--accent-color));
-    --color-secondary: var(--button-color);
+     --color-secondary: var(--button-color);
-    --color-secondary-hover: var(--button-color-hover);
+     --color-secondary-hover: var(--button-color-hover);
-    --color-background-mobile: var(--main-bg-color);
+     --color-background-mobile: var(--main-bg-color);
-  }
+ }
+
  *,
  *:focus,
  *:active,
@@ -32,11 +33,23 @@
      outline: none !important;
  }
 
+ body:not(.blur):not(.login):not(.me):not(.author):not(.editbook):not(.upload):not(.shelfedit):not(.langlist):not(.authorlist):not(.serieslist):not(.catlist):not(.shelforder):not(.admin):not(.modal-open)>div.container-fluid>div.row-fluid>div.col-sm-10:after {
+     background: var(--main-bg-color) !important;
+     background-image: none !important;
+ }
+
  body:not(.read-frame) {
      background: var(--main-bg-color) !important;
      background-image: none;
  }
 
+ body.advsearch:not(.blur)>div.container-fluid>div.row-fluid>div.col-sm-10>div.col-sm-8:before,
+ body.book:not(.blur)>div.container-fluid>div.row-fluid>div.col-sm-10>div.single:before,
+ body.stat:not(.blur)>div.container-fluid>div.row-fluid>div.col-sm-10:before,
+ body:not(.blur):not(.me):not(.author):not(.editbook):not(.upload):not(.shelfedit):not(.admin):not(.modal-open)>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover:first-of-type:before {
+     background: var(--main-bg-color) !important;
+ }
+
  .blur-wrapper:after {
      background: var(--main-bg-color) !important;
  }
@@ -122,6 +135,11 @@
      color: var(--text-hover)
  }
 
+
+ .hr {
+     background-color: var(--transparency-light-15) !important;
+ }
+
  /* LINKS */
  a,
  body.admin,
@@ -152,6 +170,19 @@
      color: var(--text-hover) !important;
  }
 
+ .table-hover>tbody>tr:hover {
+     background-color: var(--transparency-light-10);
+ }
+
+ .table>tbody>tr>td,
+ .table>tbody>tr>th,
+ .table>tfoot>tr>td,
+ .table>tfoot>tr>th,
+ .table>thead>tr>td,
+ .table>thead>tr>th {
+     border-top: 1px solid var(--transparency-light-05);
+     background: rgba(0, 0, 0, .15);
+ }
 
  /* MODAL */
  .modal-content {
@@ -328,14 +359,16 @@
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
      line-height: 24px;
  }
+
  .cover {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
+     box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
-  }
+ }
-  
+
-  .cover .read {
+ .cover .read {
-    padding: 0 0;
+     padding: 0 0;
-    line-height: 15px;
+     line-height: 15px;
-  }
+ }
-  body.serieslist.grid-view div.container-fluid > div > div.col-sm-10::before {
+
-    display: none;
+ body.serieslist.grid-view div.container-fluid>div>div.col-sm-10::before {
-  }
+     display: none;
+ }

css/base/emby/emby-base.css

@@ -235,7 +235,8 @@ html {
     .raised:not(.nobackdropfilter) {
         background: rgba(85, 85, 85, .3);
         -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
-        backdrop-filter: saturate(1.8) blur(1.5em)
+        backdrop-filter: saturate(1.8) blur(1.5em);
+        color: var(--transparency-light-95);
     }
 
     .dialog-blur,

css/base/lidarr/lidarr-base.css

@@ -15,12 +15,11 @@
 @import url("/theme.park/css/defaults/servarr-base.css");
 
 :root {
-    --calendar-downloading: 122 67 182;
     --calendar-downloaded: 39 194 76;
-    --calendar-unreleased: 93 156 236;
+    --calendar-downloading: 122 67 182;
-    --calendar-partial: 255, 165, 0;
     --calendar-unmonitored: 173 173 173;
     --calendar-missing: 240 80 80;
+    --calendar-unreleased: 93 156 236;
 }
 
 /* LIDARR SPECIFIC */
@@ -213,56 +212,21 @@
 }
 
 /* CALENDAR */
-[class*="CalendarEvent-downloaded-"] {
+[class*="CalendarEvent-event-"]>div>div>a {
-    background: rgb(var(--calendar-available) / .7) !important;
+    color: var(--transparency-light-95) !important;
-    border-left-color: transparent !important;
 }
 
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
+/* Color Impaired Mode */
-    background: rgb(var(--calendar-available) / .5) !important;
+[class*="CalendarEvent-unmonitored-"].colorImpaired {
-    border-left-color: transparent !important;
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-unmonitored) / .2), rgb(var(--calendar-unmonitored) / .2) 5px, rgb(var(--calendar-unmonitored) / .4) 5px, rgb(var(--calendar-unmonitored) / .4) 10px) !important;
 }
 
-[class*="CalendarEvent-missing-"] {
+[class*="CalendarEvent-missing-"].colorImpaired{
-    background: rgb(var(--calendar-missing) / .7) !important;
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important;
-    border-left-color: transparent !important;
 }
 
-[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
+[class*="CalendarEvent-unreleased-"].colorImpaired{
-    background: rgba(var(--calendar-missing) / .5) !important;
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-unreleased) / .2), rgb(var(--calendar-unreleased) / .2) 5px, rgb(var(--calendar-unreleased) / .4) 5px, rgb(var(--calendar-unreleased) / .4) 10px) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-unreleased-"] {
-    background: rgb(var(--calendar-unaired) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover {
-    background: rgb(var(--calendar-unaired) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-unmonitored-"] {
-    background: rgb(var(--calendar-unmonitored) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
-    background: rgb(var(--calendar-unmonitored) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-downloading-"],
-[class*="CalendarEvent-queue-"] {
-    background: rgb(var(--calendar-downloading) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover,
-[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
-    background: rgb(var(--calendar-downloading) / .5) !important;
-    border-left-color: transparent !important;
 }
 
 [class*="ArtistIndexHeader-sortName-"]:hover,

css/base/ombi/ombi-base.css

@@ -83,7 +83,7 @@ a:hover {
 
 /* TOP NAV */
 .top-search-bar .mat-form-field-flex {
-    border: 1px solid rgba(255, 255, 255, 0.10);
+    border: 1px solid rgba(255, 255, 255, 0.10) !important;
     background: var(--transparency-dark-45);
 }
 
@@ -271,55 +271,20 @@ a:hover {
     }
 } */
 
-/* MOBILE */
+.detailed-container {
-@media (min-width: 768px) {
+    border: none !important;
-    .sidenav-container .sidenav {
+    background-color: var(--transparency-dark-25) !important;
-        background: var(--transparency-dark-45) !important;
-    }
 }
-
+.detailed-container .poster {
-
+    border: 1px solid transparent !important;
-@media (max-width: 768px) {
-    .p-carousel-item {
-        min-height: 230px !important;
-        max-width: 11.7rem !important
-    }
-
-    .p-carousel .p-carousel-content .p-carousel-next,
-    .p-carousel .p-carousel-content .p-carousel-prev {
-        display: none;
-    }
-
-    .right {
-        text-align: right !important;
-        margin-top: -61px;
-    }
-}
-
-.p-carousel-item {
-    min-height: 290px;
-    max-height: 290px;
-    max-width: 12rem;
-}
-
-@media (max-width: 768px) {
-    .section h2 {
-        margin-left: 5px !important;
-    }
-}
-
-@media (min-width: 768px) {
-    .section h2 {
-        margin-left: 63px !important;
-    }
 }
 
 /* CARDS */
-.ombi-card {
+ .ombi-card {
     padding: 0px !important;
     margin: 5px !important;
 }
-
+/*
 #cardImage,
 .ombi-card {
     border-radius: .75rem !important;
@@ -328,7 +293,7 @@ a:hover {
 #cardImage {
     min-height: 225px;
 }
-
+*/
 .p-carousel-indicators,
 .p-carousel-items-container {
     display: flex;
@@ -339,11 +304,8 @@ a:hover {
 .c .card-top-info {
     top: -1px !important;
     position: absolute;
-    border-radius: .75rem .75rem 0 0 !important;
+    border-radius:10px 10px 0 0 !important;
-    background-color: var(--transparency-dark-70) !important;
+    background-color: var(--transparency-dark-90) !important;
-    backdrop-filter: blur(10px) !important;
-    -webkit-backdrop-filter: blur(10px) !important;
-    transition: 0s -webkit-filter linear;
 }
 
 .ombi-card .button-request-container .button-request {

css/base/overseerr/overseerr-base.css

@@ -2,18 +2,24 @@
 @import url("/theme.park/css/defaults/transparent.css");
 
 /* TEXT */
-[class*="text-gray-"]:not(button:disabled):not(button) {
+[class*="text-gray-"]:not(button:disabled):not(button):not(.text-gray-100) {
     color: var(--text);
 }
 
-[class*="text-indigo-"]:not(.text-indigo-100) {
+[class*="text-indigo-"]:not(.text-indigo-100),
-    color: rgb(var(--accent-color))
+.text-overseerr {
+    color: rgb(var(--accent-color));
 }
 
 .text-indigo-100 {
     color: var(--label-text-color);
 }
 
+.text-gray-400,
+.text-gray-200 {
+    color: var(--transparency-light-95) !important;
+}
+
 h1,
 h2,
 h3,
@@ -68,13 +74,21 @@ button[class*="bg-indigo-"],
 button[class*="bg-gray-"],
 button[class*="border-indigo-"],
 button[class*="border-gray-"],
-#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5>div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3>a,
 button.input-action {
-    background-color: var(--button-color);
+    background-color: rgb(var(--accent-color), .5);
-    border-color: var(--button-color);
+    border-color: rgb(var(--accent-color), .5);
     color: var(--button-text);
 }
 
+#headlessui-listbox-button-\:r5\:>span:nth-child(1)>span.ml-1.truncate.text-gray-400 {
+    color: var(--button-text);
+}
+
+.focus\:border-blue-300:focus {
+    border-color: rgb(var(--accent-color)) !important;
+}
+
 button[type="submit"],
 button[class="input-action"] {
     color: var(--button-text)
@@ -86,10 +100,10 @@ button[class*="border-indigo-"]:hover,
 button[class*="border-gray-"]:hover,
 button.input-action:hover,
 button[class="input-action"]:hover,
-#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a:hover {
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5>div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3>a:hover {
-    background-color: var(--button-color-hover);
+    background-color: rgb(var(--accent-color), .8);
-    border-color: var(--button-color-hover);
+    border-color: rgb(var(--accent-color), .8);
-    color: var(--button-text-hover);
+    color: var(--button-text-hover) !important;
 }
 
 button[type="submit"]:hover,
@@ -123,13 +137,36 @@ textarea:focus {
 
 input[type=password],
 input[type=text],
-select,
 textarea {
     border-color: rgba(255, 255, 255, .1);
     background: var(--transparency-dark-25);
     color: var(--text);
 }
 
+select:focus {
+    border-color: rgba(255, 255, 255, .1) !important;
+    background: var(--drop-down-menu-bg) !important;
+    color: var(--text) !important;
+}
+
+select,
+#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div.mb-4.flex.flex-col.justify-between.lg\:flex-row.lg\:items-end>div.mt-2.flex.flex-grow.flex-col.sm\:flex-row.lg\:flex-grow-0>div>span {
+    border-color: rgba(255, 255, 255, .1) !important;
+    background: var(--transparency-dark-25) !important;
+    color: var(--text) !important;
+}
+
+select {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
+    background-position: right .5rem center !important;
+    background-repeat: no-repeat !important;
+    background-size: 1.5em 1.5em !important;
+    padding-right: 2.5rem !important;
+    -webkit-print-color-adjust: exact !important;
+    color-adjust: exact !important;
+    print-color-adjust: exact !important;
+}
+
 input[type=checkbox] {
     color: rgba(var(--accent-color));
 }
@@ -154,6 +191,7 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
 span.bg-indigo-500 {
     background-color: rgb(var(--accent-color));
     color: var(--label-text-color) !important;
+    border-color: rgb(var(--accent-color));
 }
 
 .react-select-container .react-select__control {
@@ -197,9 +235,9 @@ body {
     color: var(--text);
 }
 
-.bg-gray-800 {
+[data-popper-placement] {
-    --tw-bg-opacity: 0.05;
+    background: rgb(var(--accent-color)) !important;
-    background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
+    color: var(--label-text-color) !important;
 }
 
 .hover\:bg-gray-700:hover {
@@ -274,14 +312,30 @@ body {
     --tw-gradient-to: rgb(var(--accent-color), .8);
 }
 
-#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
+[role="menuitem"]:hover {
-#__next>div>div.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 {
+    background: rgb(var(--accent-color), .3);
-    --tw-gradient-from: rgb(var(--accent-color), .5);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5));
 }
 
 #__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
-#__next > div > div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0 > div > div > div > nav > a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 > svg {
+#__next>div>div.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 {
+    --tw-gradient-from: rgb(var(--accent-color), .3);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .3));
+}
+
+.from-indigo-600 {
+    --tw-gradient-from: rgb(var(--accent-color), .3);
+    --tw-gradient-to: rgba(var(--accent-color), .3);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-indigo-600:hover {
+    --tw-gradient-from: rgb(var(--accent-color), .7);
+    --tw-gradient-to: rgba(var(--accent-color), .7);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500>svg {
     color: rgb(var(--accent-color)) !important;
 }
 
@@ -315,9 +369,9 @@ body>div.fixed.top-0.left-0.z-50.w-full.transition-opacity.ease-out.duration-400
     background-color: rgb(var(--accent-color));
 }
 
-body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 {
+/* body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 {
     background-color: rgb(var(--accent-color));
-}
+} */
 
 /* DISCOVER PAGE */
 
@@ -330,9 +384,15 @@ a.slider-title:hover {
     color: var(--accent-color-hover);
 }
 
+/* CARDS */
+#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div>div.hide-scrollbar.relative.-my-2.-ml-4.-mr-4.overflow-y-auto.overflow-x-scroll.overscroll-x-contain.whitespace-nowrap.px-2.py-2>div>a,
+#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div>div>div.hide-scrollbar.relative.-my-2.-ml-4.-mr-4.overflow-y-auto.overflow-x-scroll.overscroll-x-contain.whitespace-nowrap.px-2.py-2>div>a>div {
+    background: var(--transparency-light-15)
+}
+
 /* CARD HOVER */
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover a {
-    background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0,0,0,.7) 100%) !important;
+    background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0, .7) 100%) !important;
 }
 
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 {
@@ -340,13 +400,13 @@ a.slider-title:hover {
 }
 
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a:hover {
-    background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.3) 100%);
+    background: linear-gradient(rgba(var(--accent-color), .4) 0%, rgba(var(--accent-color), 0.3) 100%);
 }
 
 
 /* SHOW PAGE */
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0,
-#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.absolute.left-0.right-0.z-0.-top-16.h-96 > div > div > div.absolute.inset-0 {
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.absolute.left-0.right-0.z-0.-top-16.h-96>div>div>div.absolute.inset-0 {
     background: var(--overseerr-gradient) !important;
 }
 
@@ -511,11 +571,19 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
     display: none !important;
 }
 
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.h-full.w-full.items-center.justify-center.bg-gray-800.bg-opacity-70.opacity-100>div>div.absolute.top-0.left-0.right-0.z-0.h-64.max-h-full.w-full>span>img {
+    display: none !important;
+}
+
 body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0,
 body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0 {
     background: transparent !important;
 }
 
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.h-full.w-full.items-center.justify-center.bg-gray-800.bg-opacity-70.opacity-100>div[aria-modal="true"] {
+    background: var(--main-bg-color);
+}
+
 body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody {
     background: var(--transparency-light-10);
 }
@@ -523,11 +591,11 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
 
 /* DROPDOWN */
 
-#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700,
+/* #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700,
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a,
 #__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div {
     background: var(--drop-down-menu-bg);
-}
+} */
 
 #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a:hover {
     background: var(--transparency-light-10);
@@ -537,7 +605,8 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
 [aria-labelledby="user-menu"] {
     background: var(--drop-down-menu-bg);
 }
-[aria-labelledby="user-menu"] a:hover{
+
+[aria-labelledby="user-menu"] a:hover {
     background: var(--transparency-light-05);
 }
 
@@ -556,4 +625,20 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
 #toast-container .text-gray-400,
 #toast-container .text-white {
     color: var(--label-text-color);
+}
+
+/* BLURSTUFF */
+
+.backdrop-blur:not(.bg-yellow-500) {
+    background: rgb(var(--accent-color), 0.3);
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+    border-color: rgb(var(--accent-color), 0.3);
+}
+
+
+[aria-labelledby*="headlessui-label"][data-headlessui-state*="checked"] {
+    background: rgb(var(--accent-color), 0.3);
+    border-color: rgb(var(--accent-color), 0.3);
 }

css/base/radarr/radarr-base.css

@@ -257,83 +257,6 @@
     color: var(--text-hover);
 }
 
-/* CALENDAR */
-[class*="CalendarEvent-downloaded-"] {
-    background: rgb(var(--calendar-available) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
-    background: rgb(var(--calendar-available) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-missing-"],
-[class*="CalendarEvent-missingMonitored"] {
-    background: rgb(var(--calendar-missing) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover,
-[class*="Calendar-calendar-"] [class*="CalendarEvent-missingMonitored"]:hover {
-    background: rgba(var(--calendar-missing) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-missingUnmonitored-"] {
-    background: rgb(var(--calendar-missing-unmonitored) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-missingUnmonitored-"]:hover {
-    background: rgb(var(--calendar-missing-unmonitored) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-unreleased-"],
-[class*="CalendarEvent-continuing-"] {
-    background: rgb(var(--calendar-unaired) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover,
-[class*="Calendar-calendar-"] [class*="CalendarEvent-continuing-"]:hover {
-    background: rgb(var(--calendar-unaired) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-event-"] {
-    background: rgb(var(--calendar-unmonitored) / .7);
-    border-left-color: transparent;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-event-"]:hover {
-    background: rgb(var(--calendar-unmonitored) / .5);
-    border-left-color: transparent;
-}
-
-[class*="CalendarEvent-unmonitored-"] {
-    background: rgb(var(--calendar-unmonitored) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
-    background: rgb(var(--calendar-unmonitored) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-downloading-"],
-[class*="CalendarEvent-queue-"] {
-    background: rgb(var(--calendar-downloading) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover,
-[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
-    background: rgb(var(--calendar-downloading) / .5) !important;
-    border-left-color: transparent !important;
-}
-
 [class*="CalendarEvent-movieTitle-"],
 [class*="CalendarEvent-movieInfo-"] {
     color: #fff !important;
@@ -343,6 +266,21 @@
     color: var(--text-hover) !important;
 }
 
+[class*="CalendarEvent-missingMonitored-"].colorImpaired {
+    background: var(--transparency-light-15);
+}
+
+/* Color Impaired Mode */
+
+[class*="CalendarEvent-missing-"].colorImpaired,
+[class*="CalendarEvent-missingMonitored-"].colorImpaired {
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important;
+}
+
+[class*="CalendarEvent-missingUnmonitored-"].colorImpaired {
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing-unmonitored) / .2), rgb(var(--calendar-missing-unmonitored) / .2) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 10px) !important;
+}
+
 /* Custom filter */
 [class*="SelectMovieModalContent-path-"] {
     color: var(--text);

css/base/readarr/readarr-base.css

@@ -207,57 +207,6 @@
 }
 
 /* CALENDAR */
-[class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) {
-    background: rgb(var(--calendar-downloaded) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover:not([class*="AgendaEvent-"]) {
-    background: rgb(var(--calendar-downloaded) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-missing-"]:not([class*="AgendaEvent-"]) {
-    background: rgb(var(--calendar-missing) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover:not([class*="AgendaEvent-"]) {
-    background: rgba(var(--calendar-missing) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-unreleased-"]:not([class*="AgendaEvent-"]) {
-    background: rgb(var(--calendar-unreleased) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover:not([class*="AgendaEvent-"]) {
-    background: rgb(var(--calendar-unreleased) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-unmonitored-"]:not([class*="AgendaEvent-"]) {
-    background: rgb(var(--calendar-unmonitored) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover:not([class*="AgendaEvent-"]) {
-    background: rgb(var(--calendar-unmonitored) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]),
-[class*="CalendarEvent-queue-"]:not([class*="AgendaEvent-"]) {
-    background: rgb(var(--calendar-downloading) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover:not([class*="AgendaEvent-"]),
-[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover:not([class*="AgendaEvent-"])  {
-    background: rgb(var(--calendar-downloading) / .5) !important;
-    border-left-color: transparent !important;
-}
 
 [class*="CalendarEvent-authorName-"] a,
 [class*="CalendarEvent-authorName-"],
@@ -271,6 +220,19 @@ color: #eee !important;
 color: #fff !important;
 }
 
+/* Color Impaired Mode */
+[class*="CalendarEvent-unmonitored-"].colorImpaired {
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-unmonitored) / .2), rgb(var(--calendar-unmonitored) / .2) 5px, rgb(var(--calendar-unmonitored) / .4) 5px, rgb(var(--calendar-unmonitored) / .4) 10px) !important;
+}
+  
+[class*="CalendarEvent-missing-"].colorImpaired{
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important;
+}
+  
+[class*="CalendarEvent-unreleased-"].colorImpaired{
+    background: repeating-linear-gradient(90deg, rgb(var(--calendar-unreleased) / .2), rgb(var(--calendar-unreleased) / .2) 5px, rgb(var(--calendar-unreleased) / .4) 5px, rgb(var(--calendar-unreleased) / .4) 10px) !important;
+}
+
 /* Library */
 [class*="AuthorIndexPoster-link-"],
 [class*="AuthorIndexPoster-title-"] {

css/base/sonarr/sonarr-base.css

@@ -237,72 +237,6 @@
     stroke: #fff;
 }
 
-[class*="CalendarEvent-downloaded-"] {
-    background: rgb(var(--calendar-tv-available) / .7) !important;
-    border-left-color: transparent !important;
-    color: #fff;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
-    background: rgb(var(--calendar-tv-available) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-missing-"] {
-    background: rgb(var(--calendar-tv-missing) / .7) !important;
-    border-left-color: transparent !important;
-    color: #fff;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
-    background: rgb(var(--calendar-tv-missing) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-unaired-"] {
-    background: rgb(var(--calendar-tv-unaired) / .7) !important;
-    border-left-color: transparent !important;
-    color: #fff;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unaired-"]:hover {
-    background: rgb(var(--calendar-tv-unaired) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-unmonitored-"] {
-    background: rgb(var(--calendar-tv-unmonitored) / .7) !important;
-    border-left-color: transparent !important;
-    color: #fff;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
-    background: rgb(var(--calendar-tv-unmonitored) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-onAir-"] {
-    background: rgb(var(--calendar-tv-on-air) / .7) !important;
-    border-left-color: transparent !important;
-    color: #fff;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-onAir-"]:hover {
-    background: rgb(var(--calendar-tv-on-air) / .5) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="CalendarEvent-downloading-"] {
-    background: rgb(var(--calendar-tv-downloading) / .7) !important;
-    border-left-color: transparent !important;
-    color: #fff;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover {
-    background: rgb(var(--calendar-tv-downloading) / .5) !important;
-    border-left-color: transparent !important;
-}
-
 [class*="CalendarEvent-seriesTitle-"],
 [class*="CalendarEvent-episodeInfo-"],
 [class*="CalendarEvent-airTime-"] {

css/base/uptime-kuma/uptime-kuma-base.css

@@ -1,5 +1,39 @@
-@import url("/theme.park/css/defaults/placeholders.css");
+/* @import url("/theme.park/css/defaults/placeholders.css"); */
 @import url("/theme.park/css/defaults/transparent.css");
+  *:not(#floatingInput)::-webkit-input-placeholder {
+    color: var(--text-muted) !important;
+  }
+  
+  *:not(#floatingInput):focus::-webkit-input-placeholder {
+    color: var(--text-hover) !important;
+  }
+  
+  /* Firefox < 19 */
+  *:not(#floatingInput):-moz-placeholder {
+    color: var(--text-muted) !important;
+  }
+  
+  *:not(#floatingInput):focus:-moz-placeholder {
+    color: var(--text-hover) !important;
+  }
+  
+  /* Firefox > 19 */
+  *:not(#floatingInput)::-moz-placeholder {
+    color: var(--text-muted) !important;
+  }
+  
+  *:not(#floatingInput):focus::-moz-placeholder {
+    color: var(--text-hover) !important;
+  }
+  
+  /* Internet Explorer 10 */
+  *:not(#floatingInput):-ms-input-placeholder {
+    color: var(--text-muted) !important;
+  }
+  
+  *:not(#floatingInput):focus:-ms-input-placeholder {
+    color: var(--text-hover) !important;
+  }
 
 body,
 .dark {
@@ -66,6 +100,9 @@ a:hover:not(.btn),
 a,
 .nav-link,
 .dark a,
+.dark .nav-link,
+.dark a:not(.btn),
+.dark .table,
 .dark .nav-link {
     color: var(--link-color);
 }
@@ -75,19 +112,41 @@ a,
     text-decoration: underline;
 }
 
-
+mark,
+.mark {
+    padding: 0 0.3em;
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
 
 /* CARDS */
 .shadow-box,
-.dark .shadow-box {
+.dark .shadow-box,
+.dark .shadow-box:not(.alert) {
     box-shadow: 0px 0px 20px 10px #0000001a;
-    background: var(--transparency-light-10);
+    background: var(--transparency-dark-25);
+}
+
+.dark .settings-content .settings-content-header {
+    background: transparent !important;
+}
+
+.dark .list-header {
+    background: transparent !important;
+}
+
+.settings-content .settings-content-header {
+    border-bottom: 1px solid var(--transparency-light-10) !important;
 }
 
 .list .item:hover {
     background: var(--transparency-light-15) !important;
 }
 
+.list-header {
+    border-bottom: 1px solid var(--transparency-light-15) !important;
+}
+
 .dark .list .item.active,
 .list .item.active {
     background: var(--transparency-dark-25) !important;
@@ -119,6 +178,16 @@ td {
     color: var(--text);
 }
 
+.table {
+    --bs-table-hover-bg: var(--transparency-dark-15) !important;
+    --bs-table-hover-color: var(--text-hover) !important;
+}
+
+.dark .table-hover>tbody>tr:hover>* {
+    --bs-table-accent-bg: var(--transparency-dark-15);
+    color: var(--text-hover);
+}
+
 
 /* MENUS */
 .dropdown-menu {
@@ -142,6 +211,19 @@ td {
     background: var(--drop-down-menu-bg) !important;
 }
 
+.dropdown-item-text {
+    color: var(--text);
+}
+
+.dropdown-profile-pic .dropdown-menu .dropdown-divider {
+    border-top: 1px solid var(--transparency-light-25) !important;
+}
+
+.dark .dropdown-profile-pic.dropdown-menu.dropdown-item.active {
+    color: var(--text-hover);
+    background-color: var(--transparency-dark-15) !important;
+}
+
 /* HEADER */
 .dark header,
 #app>div>header {
@@ -155,13 +237,15 @@ td {
     color: var(--button-text);
 }
 
-.btn-primary {
+.btn-primary,
+.btn-info {
     color: var(--button-text);
     background-color: var(--button-color);
     border-color: var(--button-color);
 }
 
-.btn-primary:hover {
+.btn-primary:hover,
+.btn-info:hover {
     color: var(--button-text-hover);
     background-color: var(--button-color-hover);
     border-color: var(--button-color-hover);
@@ -203,7 +287,7 @@ td {
 
 .btn-outline-primary,
 .btn-outline-secondary {
-    color: var(--button-text);
+    color: var(--button-color);
     border-color: var(--button-color);
 }
 
@@ -270,19 +354,25 @@ td {
 .form-control {
     color: var(--text);
     background: var(--transparency-dark-25);
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
 }
 
 .dark .form-select:focus,
-.dark .form-control:focus,
+.form-select:focus {
-.form-select:focus,
+    color: var(--text-color);
-.form-control:focus {
     background: var(--drop-down-menu-bg);
     box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25);
     border-color: rgba(var(--accent-color), 0.25);
 }
 
+.dark .form-control:focus,
+.form-control:focus {
+    color: var(--text-color);
+    background: var(--transparency-dark-35);
+    box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25);
+    border-color: rgba(var(--accent-color), 0.25);
+}
+
 .dark .form-control,
 .dark .form-select,
 .form-select,
@@ -290,7 +380,11 @@ td {
     border-color: #0000;
 }
 
-
+.input-group-text {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border: 1px solid var(--button-color);
+}
 
 .form-check-input:checked {
     background-color: var(--button-color);
@@ -300,13 +394,12 @@ td {
 .form-check-input[type=checkbox]:indeterminate {
     background-color: var(--button-color);
     border-color: var(--button-color);
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
 }
 
 .dark .multiselect__content-wrapper,
 .multiselect__content-wrapper {
     background: var(--drop-down-menu-bg) !important;
-    border-color: transparent !important;
+    border-color: var(--transparency-light-15) !important;
 }
 
 .multiselect {
@@ -316,20 +409,29 @@ td {
 .multiselect__option--highlight {
     background: rgb(var(--accent-color)) !important;
     outline: none;
-    color: #fff
+    color: var(--label-text-color) !important;
 }
 
 .multiselect__option--highlight:after {
     content: attr(data-select);
     background: rgb(var(--accent-color)) !important;
-    color: #fff
+    color: var(--label-text-color);
+}
+
+.multiselect__option--selected:after {
+    content: attr(data-selected);
+    color: var(--label-text-color) !important;
 }
 
 .multiselect__option--selected,
 .dark .multiselect__option--selected {
     background: var(--transparency-dark-45);
-    color: var(--text-hover);
+    color: var(--text-hover) !important;
-    font-weight: 700;
+}
+
+.dark .multiselect__option--selected::after,
+.multiselect__option--selected::after {
+    color: var(--text-hover) !important;
 }
 
 .multiselect__tag,
@@ -393,4 +495,87 @@ td {
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
+}
+
+.vue-image-crop-upload .vicp-wrap {
+    -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 23%);
+    box-shadow: 0 1px 3px rgb(0 0 0 / 23%);
+    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* SETTINGS */
+
+.settings-menu .active .menu-item {
+    background: var(--transparency-dark-15) !important;
+}
+
+.settings-menu .menu-item:hover {
+    background: var(--transparency-light-10) !important;
+}
+
+h5.settings-subheading:after,
+.settings-subheading.h5:after {
+    border-bottom: 1px solid var(--transparency-light-10);
+}
+
+.dark .cert-exp-days .cert-exp-day-row,
+.cert-exp-days .cert-exp-day-row {
+    border-bottom: 1px solid var(--transparency-light-10) !important;
+}
+
+[contenteditable=true] {
+    background-color: var(--transparency-dark-25);
+}
+
+[contenteditable=true]:hover {
+    background-color: var(--transparency-dark-35);
+}
+
+[dir=ltr] .sidebar .sidebar-footer {
+    border-right: 1px solid var(--transparency-light-10) !important;
+    left: 0;
+}
+
+.sidebar .sidebar-footer {
+    border-top: 1px solid var(--transparency-light-10) !important;
+    background-color: var(--transparency-light-10) !important;
+}
+
+.item:hover {
+    background-color: rgb(var(--accent-color), .10) !important;
+}
+
+@media (max-width: 550px) {
+    .dark .table-shadow-box tbody .shadow-box {
+        background-color: transparent !important;
+    }
+
+    .dark .table-hover>tbody>tr:hover>* {
+        --bs-table-accent-bg: transparent color: var(--text-hover);
+    }
+
+    .dark .table-shadow-box tbody .shadow-box td {
+        border-bottom: 1px solid var(--transparency-light-10);
+    }
+}
+
+.dark .monitor-list .item:hover,
+.dark .monitor-list .item.active,
+.monitor-list .item.active,
+.monitor-list .item:hover {
+    background-color: rgb(var(--accent-color), .10);
+}
+
+.active.dropdown-item.active,
+.dark .dropdown-profile-pic .dropdown-menu .dropdown-item.active,
+#app>div>header>ul>li>div>ul>li>a.active {
+    background: var(--transparency-dark-25) !important;
+    background-color: var(--transparency-dark-25) !important;
 }

css/community-theme-options/ibracorp.css

@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: #262a2b;
+
+  --modal-bg-color: #333;
+  --modal-header-color: #232323;
+  --modal-footer-color: #232323;
+
+  --drop-down-menu-bg: #1b1b1b;
+
+  --button-color: #ef7a70;
+  --button-color-hover: #d16057;
+  --button-text: #eee;
+  --button-text-hover: #fff;
+
+  --accent-color:  239, 122, 112;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #ef7a70;
+  --link-color-hover: #d16057;
+  --label-text-color: #fff;
+    
+  --text:#d16057;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #d16057; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #d16057;
+  --petio-spinner: invert(55%) sepia(68%) saturate(569%) hue-rotate(314deg) brightness(102%) contrast(87%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 239, 122, 112;
+  --overseerr-gradient: linear-gradient(180deg, rgba(31, 31, 31, 0.17) 0%, rgba(31, 31, 31) 100%);
+}

css/defaults/servarr-base.css

@@ -280,7 +280,7 @@ a:hover {
     background: var(--transparency-dark-25);
 }
 
-[class*=".ProgressBar-purple-"] {
+[class*="ProgressBar-purple-"] {
     background-color: rgb(var(--accent-color));
 }
 

css/defaults/transparent.css

@@ -25,4 +25,5 @@
     --transparency-light-45: rgba(255, 255, 255, .45);
     --transparency-light-50: rgba(255, 255, 255, .50);
     --transparency-light-55: rgba(255, 255, 255, .55);
+    --transparency-light-95: rgba(255, 255, 255, .95);
     }

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

@@ -0,0 +1,62 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '|  Bazarr theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_ADDON'=${TP_ADDON}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/bazarr/bin/frontend/build/index.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/bin/frontend/build/index.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/bazarr\/bazarr-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+    if [[ -n ${TP_ADDON} ]]; then
+        for addon in $(echo "$TP_ADDON" | tr "|" " "); do
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/bazarr\/${addon}\/${addon}.css'><\/head> /g" "${APP_FILEPATH}"
+        printf 'Added custom addon: %s\n\n' "${addon}"
+        done
+    fi
+fi

docker-mods/bazarr/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type

@@ -0,0 +1 @@
+oneshot

docker-mods/bazarr/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up

@@ -0,0 +1 @@
+/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

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

@@ -1,4 +1,4 @@
-#!/usr/bin/with-contenv bash
+#!/command/with-contenv bash
 
 echo '--------------------------------'
 echo '|  Calibre-web theme.park Mod  |'

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

@@ -0,0 +1,50 @@
+#!/usr/bin/with-contenv bash
+
+echo '--------------------------------'
+echo '|  Calibre-web theme.park Mod  |'
+echo '--------------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" /app/calibre-web/cps/templates/layout.html; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/calibreweb\/calibreweb-base.css'><\/head> /g" /app/calibre-web/cps/templates/layout.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /app/calibre-web/cps/templates/layout.html
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi

docker-mods/calibre-web/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type

@@ -0,0 +1 @@
+oneshot

docker-mods/calibre-web/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up

@@ -0,0 +1 @@
+/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

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

@@ -1,4 +1,4 @@
-#!/usr/bin/with-contenv bash 
+#!/command/with-contenv bash
 
 echo '---------------------------'
 echo '|  Deluge theme.park Mod  |'

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

@@ -0,0 +1,51 @@
+#!/usr/bin/with-contenv bash 
+
+echo '---------------------------'
+echo '|  Deluge theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+DELUGE_INDEX_PATH=$(find /usr -name index.html)
+if ! grep -q "${TP_DOMAIN}/css/base" ${DELUGE_INDEX_PATH}; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/deluge\/deluge-base.css'><\/head> /g" ${DELUGE_INDEX_PATH}
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" ${DELUGE_INDEX_PATH}
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi

docker-mods/deluge/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type

@@ -0,0 +1 @@
+oneshot

docker-mods/deluge/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up

@@ -0,0 +1 @@
+/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

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

@@ -1,4 +1,4 @@
-#!/usr/bin/with-contenv bash
+#!/command/with-contenv bash
 
 echo '----------------------------'
 echo '| Duplicati theme.park Mod |' 

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

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

docker-mods/duplicati/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type

@@ -0,0 +1 @@
+oneshot

docker-mods/duplicati/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up

@@ -0,0 +1 @@
+/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

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

@@ -0,0 +1,43 @@
+#!/usr/bin/with-contenv bash
+
+echo '-------------------------'
+echo '|  Emby theme.park Mod  |'
+echo '-------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+printf '%s\n' "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/${THEME_TYPE}/${TP_THEME}.css');" "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/base/emby/emby-base.css');" > /app/emby/dashboard-ui/modules/themes/light/theme.css
+printf 'Stylesheet set to %s\n' "${TP_THEME}"

docker-mods/emby/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/type

@@ -0,0 +1 @@
+oneshot

docker-mods/emby/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/up

@@ -0,0 +1 @@
+/etc/s6-overlay/s6-rc.d/init-mod-themepark/run

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

@@ -1,4 +1,4 @@
-#!/usr/bin/with-contenv bash
+#!/command/with-contenv bash
 
 echo '---------------------------'
 echo '| Jackett theme.park Mod  |'

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

@@ -0,0 +1,56 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '| Jackett theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/Jackett/Content/index.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/Content/index.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/jackett\/jackett-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi