Readarr calendar color fixes.

themepark-dev · Dec 11, 2021 · 0a1c875 · 0a1c875
1 parent 6883c52
commit 0a1c875
Showing 1 changed file with 35 additions and 18 deletions.
diff --git 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 {
@@ -824,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-"] {
@@ -886,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-"],