From a56b789361118cd5977268eb53938e5a0dc0775b Mon Sep 17 00:00:00 2001 From: GilbN <24592972+GilbN@users.noreply.github.com> Date: Mon, 10 Oct 2022 23:00:11 +0200 Subject: [PATCH] Starr alt calendar addons (#444) * make alt calendar addons inital * readarr addon * whisparr alt calendar * move color impaired css into bases --- .../lidarr-alt-calendar.css | 19 ++++ .../radarr-alt-calendar.css | 31 +++++++ .../readarr-alt-calendar.css | 20 +++++ .../whisparr-alt-calendar.css | 58 ++++++++++++ css/base/lidarr/lidarr-base.css | 58 +++--------- css/base/radarr/radarr-base.css | 88 +++---------------- css/base/readarr/readarr-base.css | 64 +++----------- css/base/sonarr/sonarr-base.css | 66 -------------- 8 files changed, 165 insertions(+), 239 deletions(-) create mode 100644 css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css create mode 100644 css/addons/radarr/radarr-alt-calendar/radarr-alt-calendar.css create mode 100644 css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css create mode 100644 css/addons/whisparr/whisparr-alt-calendar/whisparr-alt-calendar.css diff --git a/css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css b/css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css new file mode 100644 index 00000000..4789dc35 --- /dev/null +++ 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; +} \ No newline at end of file diff --git a/css/addons/radarr/radarr-alt-calendar/radarr-alt-calendar.css b/css/addons/radarr/radarr-alt-calendar/radarr-alt-calendar.css new file mode 100644 index 00000000..ee66372d --- /dev/null +++ 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; +} \ No newline at end of file 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..3cdff79e --- /dev/null +++ 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; +} \ No newline at end of file diff --git a/css/addons/whisparr/whisparr-alt-calendar/whisparr-alt-calendar.css b/css/addons/whisparr/whisparr-alt-calendar/whisparr-alt-calendar.css new file mode 100644 index 00000000..827f6533 --- /dev/null +++ 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; +} \ No newline at end of file diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index f934a224..9efcb2e2 100644 --- 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 index ca316ca4..be4cb2ac 100644 --- 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 index 4d165ec9..58b999c5 100644 --- 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-"] { diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index 0a2deaf2..a48674b3 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/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-"] {