Starr alt calendar addons (#444)

* make alt calendar addons inital * readarr addon * whisparr alt calendar * move color impaired css into bases
themepark-dev · Oct 10, 2022 · a56b789 · a56b789
1 parent d4a9934
commit a56b789
Show file tree

Hide file tree

Showing 8 changed files with 165 additions and 239 deletions.
diff --git a/css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css b/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;
+}
diff --git a/css/addons/radarr/radarr-alt-calendar/radarr-alt-calendar.css b/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;
+}
diff --git a/css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css b/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;
+}
diff --git a/css/addons/whisparr/whisparr-alt-calendar/whisparr-alt-calendar.css b/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;
+}
diff --git a/css/base/lidarr/lidarr-base.css b/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,

diff --git a/css/base/radarr/radarr-base.css b/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 */

diff --git a/css/base/readarr/readarr-base.css b/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-"] {