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..e2429b5c --- /dev/null +++ b/css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css @@ -0,0 +1,41 @@ +: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-"] { + 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; +} + + +/* 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; +} 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..827f6533 --- /dev/null +++ b/css/addons/radarr/radarr-alt-calendar/radarr-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..c5a964ba 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -213,57 +213,9 @@ } /* 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*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"], -[class*="CalendarEvent-queue-"] { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !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-event-"]>div>div>a { + color: var(--transparency-light-95) !important; +} [class*="ArtistIndexHeader-sortName-"]:hover, [class*="ArtistIndexHeader-artistType-"]:hover, diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index ca316ca4..bbbfe50b 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -14,16 +14,6 @@ @import url("/css/defaults/transparent.css"); @import url("/css/defaults/servarr-base.css"); -: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; -} - [class*="MovieSearchInput-sectionTitle-"] { color: var(--text-hover); } @@ -257,83 +247,6 @@ 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*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"], -[class*="CalendarEvent-queue-"] { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !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-movieTitle-"], [class*="CalendarEvent-movieInfo-"] { color: #fff !important; @@ -343,6 +256,10 @@ color: var(--text-hover) !important; } +[class*="CalendarEvent-missingMonitored-"].colorImpaired { + background: var(--transparency-light-15); +} + /* Custom filter */ [class*="SelectMovieModalContent-path-"] { color: var(--text); 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-"] {