Starr alt calendar addons (#444)

* make alt calendar addons inital

* readarr addon

* whisparr alt calendar

* move color impaired css into bases

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/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/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-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 {
-    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*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
+/* Color Impaired Mode */
-    background: rgb(var(--calendar-unmonitored) / .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-downloading-"],
+[class*="CalendarEvent-missing-"].colorImpaired{
-[class*="CalendarEvent-queue-"] {
+    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;
-    background: rgb(var(--calendar-downloading) / .7) !important;
-    border-left-color: transparent !important;
 }
 
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover,
+[class*="CalendarEvent-unreleased-"].colorImpaired{
-[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
+    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;
-    background: rgb(var(--calendar-downloading) / .5) !important;
-    border-left-color: transparent !important;
 }
 
 [class*="ArtistIndexHeader-sortName-"]:hover,

css/base/radarr/radarr-base.css

@@ -257,90 +257,28 @@
     color: var(--text-hover);
 }
 
-/* CALENDAR */
+[class*="CalendarEvent-movieTitle-"],
-[class*="CalendarEvent-downloaded-"] {
+[class*="CalendarEvent-movieInfo-"] {
-    background: rgb(var(--calendar-available) / .7) !important;
+    color: #fff !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 {
+[class*="CalendarEventGroup-movieTitle-"] {
-    background: rgb(var(--calendar-unmonitored) / .5) !important;
+    color: var(--text-hover) !important;
-    border-left-color: transparent !important;
 }
 
-[class*="CalendarEvent-downloading-"],
+[class*="CalendarEvent-missingMonitored-"].colorImpaired {
-[class*="CalendarEvent-queue-"] {
+    background: var(--transparency-light-15);
-    background: rgb(var(--calendar-downloading) / .7) !important;
-    border-left-color: transparent !important;
 }
 
-[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover,
+/* Color Impaired Mode */
-[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
-    background: rgb(var(--calendar-downloading) / .5) !important;
-    border-left-color: transparent !important;
-}
 
-[class*="CalendarEvent-movieTitle-"],
+[class*="CalendarEvent-missing-"].colorImpaired,
-[class*="CalendarEvent-movieInfo-"] {
+[class*="CalendarEvent-missingMonitored-"].colorImpaired {
-    color: #fff !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;
 }
 
-[class*="CalendarEventGroup-movieTitle-"] {
+[class*="CalendarEvent-missingUnmonitored-"].colorImpaired {
-    color: var(--text-hover) !important;
+    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-"] {