From 0a1c8759aae7bc17d45f12f8152f198831522dec Mon Sep 17 00:00:00 2001 From: GilbN Date: Sat, 11 Dec 2021 17:52:32 +0100 Subject: [PATCH] Readarr calendar color fixes. --- css/base/readarr/readarr-base.css | 53 ++++++++++++++++++++----------- 1 file changed, 35 insertions(+), 18 deletions(-) diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index b36d8e85..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 { @@ -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-"],