Merge branch 'develop' into testing

.github/workflows/auto-build.yml

@@ -78,7 +78,7 @@ jobs:
               docker push ghcr.io/gilbn/theme.park:$directory
             done
       - name: manually build
-        if: ${{ github.event.inputs.app != 'build-all-the-mods' }}
+        if: ${{ github.event.inputs.app && github.event.inputs.app != 'build-all-the-mods' }}
         run: |
           docker build docker-mods/${{ github.event.inputs.app }} --tag ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }}
           docker push ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }}
@@ -124,7 +124,7 @@ jobs:
               docker push gilbn/theme.park:$directory
             done
       - name: manually build
-        if: ${{ github.event.inputs.app != 'build-all-the-mods' }}
+        if: ${{ github.event.inputs.app && github.event.inputs.app != 'build-all-the-mods' }}
         run: |
           docker build docker-mods/${{ github.event.inputs.app }} --tag gilbn/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }}
           docker push gilbn/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }}
@@ -136,4 +136,4 @@ jobs:
             app="$( echo "$dir" | cut -d'/' -f2 -s )"
             docker build docker-mods/$app --tag gilbn/theme.park:$app${{ github.event.inputs.append-tag }}
             docker push gilbn/theme.park:$app${{ github.event.inputs.append-tag }}
-          done
+          done

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("/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("/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("/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/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.mantine-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-"] {
+#root>div>div>main>div>div.bazarr-Group-root[class*="bazarr-"],
+#root>div>div>main>form>div.bazarr-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),
-.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 a [class*="bazarr-"]:hover:not(.bazarr-Badge-light):not(.bazarr-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,332 +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,
+.bazarr-UnstyledButton-root.bazarr-Button-root[data-disabled] {
+    border-color: transparent;
+    background-color: var(--transparency-light-15);
+    color: var(--text-muted);
+}
+
+.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;
 }
 
-.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover {
+.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-"] {
-    color: var(--text);
+.bazarr-UnstyledButton-root[class*="bazarr-"] {
+    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-"]:not(#root > div > div > main > div > div > div.mantine-Stack-root[class*="bazarr-"] > div[class*="bazarr-"] > table > tbody > tr > td > div > div > div > div) {
+.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-"],
-.mantine-ActionIcon-transparent.mantine-ActionIcon-root.mantine-MultiSelect-defaultValueRemove[class*="bazarr-"] {
+[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-value[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*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"],
-[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"],
-[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"] {
+[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"],
+[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"],
+[class*="bazarr-NumberInput-"].bazarr-NumberInput-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*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"]:focus-within,
-[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus,
-[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus-within,
-[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus,
-[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus-within,
-[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus,
-[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus-within {
+[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"]:focus,
+[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"]:focus-within,
+[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"]:focus,
+[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"]:focus-within,
+[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"]:focus,
+[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"]:focus-within,
+[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"]:focus,
+[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*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"] {
+[class*="bazarr-TextInput-"].bazarr-TextInput-input[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,
-[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"] {
+.bazarr-Select-wrapper[class*="bazarr-"] input,
+[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*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"]:focus-within {
+[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"]:focus,
+[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"]:focus-within {
     border-color: rgb(var(--accent-color)) !important;
 }
 
-.mantine-Select-wrapper[class*="bazarr-"] input:focus,
-.mantine-Select-wrapper[class*="bazarr-"] input:focus-within {
+.bazarr-Select-wrapper[class*="bazarr-"] input:focus,
+.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[class*="bazarr-"]:disabled [class*="bazarr-"].mantine-Menu-itemInner {
+.bazarr-Menu-item[class*="bazarr-"]:disabled [class*="bazarr-"].bazarr-Menu-itemInner {
     color: var(--text-muted) !important;
 }
 
-.mantine-Menu-item.mantine-Menu-itemHovered[class*="bazarr-"] {
+.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)
 }
 
@@ -504,41 +531,41 @@ line {
 }
 
 /* NOTIFICATIONS */
-.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"],
-.mantine-Notification-root[class*="bazarr-"] {
+.bazarr-Notification-root.bazarr-Notification-withIcon[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/lidarr/lidarr-base.css

@@ -15,12 +15,11 @@
 @import url("/css/defaults/servarr-base.css");
 
 :root {
-    --calendar-downloading: 122 67 182;
     --calendar-downloaded: 39 194 76;
-    --calendar-unreleased: 93 156 236;
-    --calendar-partial: 255, 165, 0;
+    --calendar-downloading: 122 67 182;
     --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-"] {
-    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-"] {
-    background: rgb(var(--calendar-missing) / .7) !important;
-    border-left-color: transparent !important;
-}
-
-[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
-    background: rgba(var(--calendar-missing) / .5) !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*="CalendarEvent-event-"]>div>div>a {
+    color: var(--transparency-light-95) !important;
 }
 
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
-    background: rgb(var(--calendar-unmonitored) / .5) !important;
-    border-left-color: transparent !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-downloading-"],
-[class*="CalendarEvent-queue-"] {
-    background: rgb(var(--calendar-downloading) / .7) !important;
-    border-left-color: transparent !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*="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-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;
 }
 
 [class*="ArtistIndexHeader-sortName-"]:hover,

css/base/overseerr/overseerr-base.css

@@ -2,18 +2,24 @@
 @import url("/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) {
-    color: rgb(var(--accent-color))
+[class*="text-indigo-"]:not(.text-indigo-100),
+.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);
-    border-color: var(--button-color);
+    background-color: rgb(var(--accent-color), .5);
+    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 {
-    background-color: var(--button-color-hover);
-    border-color: var(--button-color-hover);
-    color: var(--button-text-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: rgb(var(--accent-color), .8);
+    border-color: rgb(var(--accent-color), .8);
+    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 {
-    --tw-bg-opacity: 0.05;
-    background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
+[data-popper-placement] {
+    background: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
 }
 
 .hover\:bg-gray-700:hover {
@@ -274,14 +312,30 @@ body {
     --tw-gradient-to: rgb(var(--accent-color), .8);
 }
 
+[role="menuitem"]:hover {
+    background: rgb(var(--accent-color), .3);
+}
+
 #__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.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), .5);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5));
+    --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 {
+#__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,90 +257,28 @@
     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*="CalendarEvent-movieTitle-"],
+[class*="CalendarEvent-movieInfo-"] {
+    color: #fff !important;
 }
 
-[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
-    background: rgb(var(--calendar-unmonitored) / .5) !important;
-    border-left-color: transparent !important;
+[class*="CalendarEventGroup-movieTitle-"] {
+    color: var(--text-hover) !important;
 }
 
-[class*="CalendarEvent-downloading-"],
-[class*="CalendarEvent-queue-"] {
-    background: rgb(var(--calendar-downloading) / .7) !important;
-    border-left-color: transparent !important;
+[class*="CalendarEvent-missingMonitored-"].colorImpaired {
+    background: var(--transparency-light-15);
 }
 
-[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;
-}
+/* Color Impaired Mode */
 
-[class*="CalendarEvent-movieTitle-"],
-[class*="CalendarEvent-movieInfo-"] {
-    color: #fff !important;
+[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*="CalendarEventGroup-movieTitle-"] {
-    color: var(--text-hover) !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 */

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("/css/defaults/placeholders.css");
+/* @import url("/css/defaults/placeholders.css"); */
 @import url("/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 {
@@ -320,7 +354,6 @@ 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;
 }
 
@@ -361,7 +394,6 @@ 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,

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%);
+}

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/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/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/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/jellyfin/root/etc/cont-init.d/98-themepark

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

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

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

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

@@ -1,4 +1,4 @@
-#!/usr/bin/with-contenv bash
+#!/command/with-contenv bash
 
 echo '-------------------------------'
 echo '|  Librespeed theme.park Mod  |'
@@ -43,8 +43,8 @@ if ! grep -q "${TP_DOMAIN}/css/base" /app/www/public/index.html; then
     echo '---------------------------'
     echo '|  Adding the stylesheet  |'
     echo '---------------------------'
-    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/librespeed\/librespeed-base.css'><\/head> /g" /usr/share/webapps/librespeed/index.html
-    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/share/webapps/librespeed/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/librespeed\/librespeed-base.css'><\/head> /g" /app/www/public/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /app/www/public/index.html
     printf 'Stylesheet set to %s\n' "${TP_THEME}
     "
 fi

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

@@ -43,8 +43,8 @@ if ! grep -q "${TP_DOMAIN}/css/base" /app/www/public/index.html; then
     echo '---------------------------'
     echo '|  Adding the stylesheet  |'
     echo '---------------------------'
-    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/librespeed\/librespeed-base.css'><\/head> /g" /usr/share/webapps/librespeed/index.html
-    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/share/webapps/librespeed/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/librespeed\/librespeed-base.css'><\/head> /g" /app/www/public/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /app/www/public/index.html
     printf 'Stylesheet set to %s\n' "${TP_THEME}
     "
 fi

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

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

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

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

docker-mods/nginx-proxy-manager/Dockerfile

@@ -0,0 +1,6 @@
+FROM scratch
+# This is just a dummy file. LSIO doesnt have a Nginx Proxy Manager image..SWAG for life!
+LABEL maintainer="GilbN" 
+LABEL app="Nginx-Proxy-Manager"
+#copy local files.
+COPY root/ /

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-#!/usr/bin/with-contenv bash
+#!/command/with-contenv bash
 APP_FILEPATH='/config/qBittorrent/qBittorrent.conf'
 INDEX_FILEPATH='/vuetorrent/public/index.html'
 if [ "${TP_HOTIO}" = true ]; then

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

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