diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css
index 1b40ad2f..f33e0877 100644
--- a/css/base/lidarr/lidarr-base.css
+++ b/css/base/lidarr/lidarr-base.css
@@ -447,22 +447,34 @@ a:hover {
     color: #fff;
 }
 
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
 [class*="Popover-title-"],
 [class*="SeasonInfo-title-"],
 [class*="Popover-body-"],
-[class*="Tooltip-body-"] {
-    background: var(--modal-bg-color) !important;
-    background-repeat: repeat, no-repeat !important;
-    background-attachment: fixed, fixed !important;
-    background-position: center center, center center !important;
-    background-size: auto, cover !important;
-    -webkit-background-size: auto, cover !important;
-    -moz-background-size: auto, cover !important;
-    -o-background-size: auto, cover !important;
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
 }
 
-[class*="Tooltip-tooltipContainer-"] {
-    color: #fff;
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="SeasonInfo-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+}
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
 }
 
 [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
@@ -954,6 +966,11 @@ input:focus:-ms-input-placeholder {
     color: var(--text);
 }
 
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: white;
+}
+
 [class*="Card-card-"]:hover {
     color: var(--text-hover);
 }
diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css
index 2527c5c5..bc113068 100644
--- a/css/base/prowlarr/prowlarr-base.css
+++ b/css/base/prowlarr/prowlarr-base.css
@@ -385,22 +385,34 @@ a:hover {
     color: #fff;
 }
 
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
 [class*="Popover-title-"],
 [class*="SeasonInfo-title-"],
 [class*="Popover-body-"],
-[class*="Tooltip-body-"] {
-    background: var(--modal-bg-color) !important;
-    background-repeat: repeat, no-repeat !important;
-    background-attachment: fixed, fixed !important;
-    background-position: center center, center center !important;
-    background-size: auto, cover !important;
-    -webkit-background-size: auto, cover !important;
-    -moz-background-size: auto, cover !important;
-    -o-background-size: auto, cover !important;
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
 }
 
-[class*="Tooltip-tooltipContainer-"] {
-    color: #fff;
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="SeasonInfo-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+}
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
 }
 
 [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
@@ -968,6 +980,11 @@ input:focus:-ms-input-placeholder {
     color: var(--text);
 }
 
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: white;
+}
+
 [class*="Card-card-"]:hover,
 [class*="Applications-center-"]:hover {
     color: var(--text-hover);
diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css
index 48452a21..138adbdc 100644
--- a/css/base/radarr/radarr-base.css
+++ b/css/base/radarr/radarr-base.css
@@ -386,22 +386,34 @@ a:hover {
     background-color: rgba(0, 0, 0, .25);
 }
 
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
 [class*="Popover-title-"],
 [class*="SeasonInfo-title-"],
 [class*="Popover-body-"],
-[class*="Tooltip-body-"] {
-    background: var(--modal-bg-color) !important;
-    background-repeat: repeat, no-repeat !important;
-    background-attachment: fixed, fixed !important;
-    background-position: center center, center center !important;
-    background-size: auto, cover !important;
-    -webkit-background-size: auto, cover !important;
-    -moz-background-size: auto, cover !important;
-    -o-background-size: auto, cover !important;
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
 }
 
-[class*="Tooltip-tooltipContainer-"] {
-    color: #fff;
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="SeasonInfo-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+}
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
 }
 
 [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
@@ -984,6 +996,11 @@ input:focus:-ms-input-placeholder {
     color: var(--text);
 }
 
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: white;
+}
+
 [class*="Card-card-"]:hover {
     color: var(--text-hover);
 }
diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css
index b656fedf..b09568d3 100644
--- a/css/base/readarr/readarr-base.css
+++ b/css/base/readarr/readarr-base.css
@@ -11,12 +11,11 @@
 /* 			      https://github.com/gilbN/theme.park			 */
 
 :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-missing: 240 80 80;
+    --calendar-unreleased: 93 156 236; 
   }
 
 body {
@@ -443,22 +442,34 @@ a:hover {
     color: #fff;
 }
 
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
 [class*="Popover-title-"],
 [class*="SeasonInfo-title-"],
 [class*="Popover-body-"],
-[class*="Tooltip-body-"] {
-    background: var(--modal-bg-color) !important;
-    background-repeat: repeat, no-repeat !important;
-    background-attachment: fixed, fixed !important;
-    background-position: center center, center center !important;
-    background-size: auto, cover !important;
-    -webkit-background-size: auto, cover !important;
-    -moz-background-size: auto, cover !important;
-    -o-background-size: auto, cover !important;
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
 }
 
-[class*="Tooltip-tooltipContainer-"] {
-    color: #fff;
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="SeasonInfo-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+}
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
 }
 
 [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
@@ -812,58 +823,59 @@ input:focus:-ms-input-placeholder {
 }
 
 /* CALENDAR */
-[class*="CalendarEvent-downloaded-"] {
-    background: rgb(var(--calendar-available) / .7) !important;
+[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 {
-    background: rgb(var(--calendar-available) / .5) !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-"] {
+[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 {
+[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-"] {
-    background: rgb(var(--calendar-unaired) / .7) !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 {
-    background: rgb(var(--calendar-unaired) / .5) !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-"] {
+[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 {
+[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-"] {
+[class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]) {
     background: rgb(var(--calendar-downloading) / .7) !important;
     border-left-color: transparent !important;
 }
 
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover {
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover:not([class*="AgendaEvent-"]) {
     background: rgb(var(--calendar-downloading) / .5) !important;
     border-left-color: transparent !important;
 }
 
 [class*="DayOfWeek-dayOfWeek-"] {
     background-color: hsla(0, 0%, 100%, .08);
+    color: #fff;
 }
 
 [class*="CalendarDay-dayOfMonth-"] {
@@ -874,6 +886,23 @@ input:focus:-ms-input-placeholder {
 [class*="CalendarDay-isToday-"],
 [class*="DayOfWeek-isToday-"] {
     background-color: hsla(0, 0%, 100%, .25) !important;
+    color: #fff;
+}
+
+[class*="CalendarEvent-authorName-"] a,
+[class*="CalendarEvent-authorName-"],
+[class*="CalendarEvent-bookTitle-"] a,
+[class*="CalendarEvent-bookTitle-"]{
+color: #eee !important;
+}
+
+[class*="CalendarEvent-authorName-"] a:hover,
+[class*="CalendarEvent-bookTitle-"]  a:hover{
+color: #fff !important;
+}
+
+[class*="CalendarEvent-event-"] {
+    border-left: 4px solid var(--text);
 }
 
 [class*="CalendarDay-day-"],
@@ -956,6 +985,11 @@ input:focus:-ms-input-placeholder {
     color: var(--text);
 }
 
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: white;
+}
+
 [class*="Card-card-"]:hover {
     color: var(--text-hover);
 }
diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css
index 3dbee4b5..f5a16e74 100644
--- a/css/base/sonarr/sonarr-base.css
+++ b/css/base/sonarr/sonarr-base.css
@@ -12,13 +12,13 @@
 
 :root {
     --calendar-tv-unaired-premiere: 53 197 244;
-    --calendar-tv-downloading: 122 67 182; 
+    --calendar-tv-downloading: 122 67 182;
     --calendar-tv-unmonitored: 173 173 173;
-    --calendar-tv-unaired: 93 156 236;  
+    --calendar-tv-unaired: 93 156 236;
     --calendar-tv-missing: 240 80 80;
-    --calendar-tv-on-air: 255 165 0; 
+    --calendar-tv-on-air: 255 165 0;
     --calendar-tv-available: 39 194 76;
-  }
+}
 
 body {
     background: var(--main-bg-color);
@@ -44,11 +44,11 @@ body {
 
 /* LINKS */
 [class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) {
-    color: var(--link-color);   
-   }
-   
+    color: var(--link-color);
+}
+
 [class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover {
-color: var(--link-color-hover);   
+    color: var(--link-color-hover);
 }
 
 a {
@@ -290,6 +290,7 @@ a:hover {
 #sidebar-toggle-button {
     color: var(--text);
 }
+
 #sidebar-toggle-button:hover,
 #sidebar-toggle-button:focus,
 #sidebar-toggle-button:active {
@@ -392,46 +393,48 @@ a:hover {
     background-color: rgba(0, 0, 0, .25) !important;
 }
 
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
 [class*="Popover-title-"],
 [class*="SeasonInfo-title-"],
 [class*="Popover-body-"],
-[class*="Tooltip-bod-"] {
-    background: var(--modal-bg-color) !important;
-    background-repeat: repeat, no-repeat !important;
-    background-attachment: fixed, fixed !important;
-    background-position: center center, center center !important;
-    background-size: auto, cover !important;
-    -webkit-background-size: auto, cover !important;
-    -moz-background-size: auto, cover !important;
-    -o-background-size: auto, cover !important;
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
 }
 
-[class*="Tooltip-tooltipContainer-"] {
-    color: #fff;
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+    [class*="SeasonInfo-title-"] {
+        background: transparent;
+    }
 }
 
-[class*="Tooltip-tooltip-"][class*=Tooltip-inverse-] {
-    background: 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;
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
 }
 
 [class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] {
-    border-bottom-color: #fff;
+    border-bottom-color: var(--text);
 }
 
 [class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
-    border-bottom-color: #fff !important;
+    border-bottom-color: var(--text) !important;
 }
 
 [class*="Tooltip-right-"][class*="Tooltip-default-"] {
-    border-right-color: #fff !important;
+    border-right-color: var(--text) !important;
 }
 
 [class*="EpisodeTitleLink-link-"]:hover {
@@ -975,6 +978,10 @@ input:focus:-ms-input-placeholder {
     color: var(--text);
 }
 
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: white;
+}
+
 [class*="Card-card-"]:hover {
     color: var(--text-hover);
 }