fix: 🐛 *arr fixes for #345

css/base/lidarr/lidarr-base.css

@@ -854,6 +854,10 @@ input:focus:-ms-input-placeholder {
 }
 
 /* CALENDAR */
+[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
+    stroke: white !important;
+}
+
 [class*="CalendarEvent-downloaded-"] {
     background: rgb(var(--calendar-available) / .7) !important;
     border-left-color: transparent !important;
@@ -894,12 +898,14 @@ input:focus:-ms-input-placeholder {
     border-left-color: transparent !important;
 }
 
-[class*="CalendarEvent-downloading-"] {
+[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-downloading-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
     background: rgb(var(--calendar-downloading) / .5) !important;
     border-left-color: transparent !important;
 }

css/base/radarr/radarr-base.css

@@ -871,6 +871,10 @@ input:focus:-ms-input-placeholder {
 }
 
 /* CALENDAR */
+[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
+    stroke: white !important;
+}
+
 [class*="CalendarEvent-downloaded-"] {
     background: rgb(var(--calendar-available) / .7) !important;
     border-left-color: transparent !important;
@@ -935,12 +939,14 @@ input:focus:-ms-input-placeholder {
     border-left-color: transparent !important;
 }
 
-[class*="CalendarEvent-downloading-"] {
+[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-downloading-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
     background: rgb(var(--calendar-downloading) / .5) !important;
     border-left-color: transparent !important;
 }

css/base/readarr/readarr-base.css

@@ -857,6 +857,10 @@ input:focus:-ms-input-placeholder {
 }
 
 /* CALENDAR */
+[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
+    stroke: white !important;
+}
+
 [class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) {
     background: rgb(var(--calendar-downloaded) / .7) !important;
     border-left-color: transparent !important;
@@ -897,12 +901,14 @@ input:focus:-ms-input-placeholder {
     border-left-color: transparent !important;
 }
 
-[class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]) {
+[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-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;
 }

css/base/sonarr/sonarr-base.css

@@ -831,6 +831,10 @@ input:focus:-ms-input-placeholder {
 }
 
 /* CALENDAR */
+[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
+    stroke: white !important;
+}
+
 [class*="CalendarEvent-downloaded-"] {
     background: rgb(var(--calendar-tv-available) / .7) !important;
     border-left-color: transparent !important;