From a54dbf78850f66024652315a8959876b789c7a6e Mon Sep 17 00:00:00 2001 From: GilbN Date: Mon, 10 Oct 2022 22:11:16 +0200 Subject: [PATCH] readarr addon --- .../readarr-alt-calendar.css | 42 +++++++++++++ css/base/readarr/readarr-base.css | 59 ------------------- 2 files changed, 42 insertions(+), 59 deletions(-) create mode 100644 css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css diff --git a/css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css b/css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css new file mode 100644 index 00000000..2f073871 --- /dev/null +++ b/css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css @@ -0,0 +1,42 @@ +:root { + --calendar-downloaded: 39 194 76; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-missing: 240 80 80; + --calendar-unreleased: 93 156 236; + } + + [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; + +} + +/* 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; +} \ No newline at end of file diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index 4d165ec9..f1c28970 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -14,14 +14,6 @@ @import url("/css/defaults/transparent.css"); @import url("/css/defaults/servarr-base.css"); -:root { - --calendar-downloaded: 39 194 76; - --calendar-downloading: 122 67 182; - --calendar-unmonitored: 173 173 173; - --calendar-missing: 240 80 80; - --calendar-unreleased: 93 156 236; - } - [class*="AuthorSearchInput-sectionTitle-"] { color: var(--text-hover); } @@ -207,57 +199,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-"],