From acb106beb626f186375fa028ba2ad16683760fd2 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Sun, 8 Nov 2020 18:08:38 +0100 Subject: [PATCH] sonarr calendar color update --- CSS/themes/sonarr/aquamarine.css | 14 ++--- CSS/themes/sonarr/dark.css | 14 ++--- CSS/themes/sonarr/hotline.css | 14 ++--- CSS/themes/sonarr/organizr-dark.css | 14 ++--- CSS/themes/sonarr/plex.css | 14 ++--- CSS/themes/sonarr/sonarr-base.css | 82 ++++++++++++++++++++++------- CSS/themes/sonarr/space-gray.css | 14 ++--- 7 files changed, 106 insertions(+), 60 deletions(-) diff --git a/CSS/themes/sonarr/aquamarine.css b/CSS/themes/sonarr/aquamarine.css index fff1c065..ab48b8ac 100644 --- a/CSS/themes/sonarr/aquamarine.css +++ b/CSS/themes/sonarr/aquamarine.css @@ -16,13 +16,13 @@ --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: #35c5f4; - --calendar-tv-Downloading: #7932ea; - --calendar-tv-Unmonitored: grey; - --calendar-tv-Unaired: #337ab7; - --calendar-tv-missing: #d9534f; - --calendar-tv-On-Air: #f0ad4e; - --calendar-tv-available: #5cb85c; + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; --button-color: #009688; --button-color-hover: #12afa0; diff --git a/CSS/themes/sonarr/dark.css b/CSS/themes/sonarr/dark.css index 031d873e..24eb7bd9 100644 --- a/CSS/themes/sonarr/dark.css +++ b/CSS/themes/sonarr/dark.css @@ -16,13 +16,13 @@ --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: #35c5f4; - --calendar-tv-Downloading: #7932ea; - --calendar-tv-Unmonitored: grey; - --calendar-tv-Unaired: #337ab7; - --calendar-tv-missing: #d9534f; - --calendar-tv-On-Air: #f0ad4e; - --calendar-tv-available: #5cb85c; + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); diff --git a/CSS/themes/sonarr/hotline.css b/CSS/themes/sonarr/hotline.css index a7e0675a..fee7ef97 100644 --- a/CSS/themes/sonarr/hotline.css +++ b/CSS/themes/sonarr/hotline.css @@ -16,13 +16,13 @@ --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: #35c5f4; - --calendar-tv-Downloading: #7932ea; - --calendar-tv-Unmonitored: grey; - --calendar-tv-Unaired: #337ab7; - --calendar-tv-missing: #d9534f; - --calendar-tv-On-Air: #f0ad4e; - --calendar-tv-available: #5cb85c; + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); diff --git a/CSS/themes/sonarr/organizr-dark.css b/CSS/themes/sonarr/organizr-dark.css index 3ac90ced..88058072 100644 --- a/CSS/themes/sonarr/organizr-dark.css +++ b/CSS/themes/sonarr/organizr-dark.css @@ -16,13 +16,13 @@ --main-bg-color: #1f1f1f; --modal-bg-color: #1b1b1b; - --calendar-tv-Unaired-Premiere: #707cd2; - --calendar-tv-Downloading: #7932ea; - --calendar-tv-Unmonitored: grey; - --calendar-tv-Unaired: #2cabe3; - --calendar-tv-missing: #ff7676; - --calendar-tv-On-Air: #f0ad4e; - --calendar-tv-available: #53e69d; + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; --button-color: #2cabe3; --button-color-hover: rgb(44 171 227 / .8); diff --git a/CSS/themes/sonarr/plex.css b/CSS/themes/sonarr/plex.css index ecd955b3..942fb6a2 100644 --- a/CSS/themes/sonarr/plex.css +++ b/CSS/themes/sonarr/plex.css @@ -16,13 +16,13 @@ --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: #35c5f4; - --calendar-tv-Downloading: #7932ea; - --calendar-tv-Unmonitored: grey; - --calendar-tv-Unaired: #337ab7; - --calendar-tv-missing: #d9534f; - --calendar-tv-On-Air: #f0ad4e; - --calendar-tv-available: #5cb85c; + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; --button-color: #cc7b19; --button-color-hover: #e59029; diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index 5f82e4b2..6dcdd346 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -289,38 +289,38 @@ div.form-group > label { /* Calendar page */ /* Unaired Premiere */ .calendar .premiere { - border-color: var(--calendar-tv-Unaired-Premiere); - background-color: var(--calendar-tv-Unaired-Premiere); + border-color: rgb(var(--calendar-tv-Unaired-Premiere)); + background-color: rgb(var(--calendar-tv-Unaired-Premiere)); } /* Downloading */ .calendar .purple { - border-color: var(--calendar-tv-Downloading); - background-color: var(--calendar-tv-Downloading); + border-color: rgb(var(--calendar-tv-Downloading)); + background-color: rgb(var(--calendar-tv-Downloading)); } /* Downloading */ .calendar .unmonitored { - border-color: var(--calendar-tv-Unmonitored); - background-color: var(--calendar-tv-Unmonitored); + border-color: rgb(var(--calendar-tv-Unmonitored)); + background-color: rgb(var(--calendar-tv-Unmonitored)); } /* Unaired */ .calendar .primary { - border-color: var(--calendar-tv-Unaired); - background-color: var(--calendar-tv-Unaired); + border-color: rgb(var(--calendar-tv-Unaired)); + background-color: rgb(var(--calendar-tv-Unaired)); } /* Missing */ .calendar .danger { - border-color: var(--calendar-tv-missing); - background-color: var(--calendar-tv-missing); + border-color: rgb(var(--calendar-tv-missing)); + background-color: rgb(var(--calendar-tv-missing)); } /* On Air */ .calendar .warning { - border-color: var(--calendar-tv-On-Air); - background-color: var(--calendar-tv-On-Air); + border-color: rgb(var(--calendar-tv-On-Air)); + background-color: rgb(var(--calendar-tv-On-Air)); } /* Downloaded*/ .calendar .success { - border-color: var(--calendar-tv-available); - background-color: var(--calendar-tv-available); + border-color: rgb(var(--calendar-tv-available)); + background-color: rgb(var(--calendar-tv-available)); } .event .primary { @@ -1068,7 +1068,56 @@ pre { } /* CALENDAR */ +.CalendarEvent\/downloaded\/2vSrJ { + background: rgb(var(--calendar-tv-available) / .7) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/downloaded\/2vSrJ:hover { + background: rgb(var(--calendar-tv-available) / .5) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/missing\/1y6vZ { + background: rgb(var(--calendar-tv-missing) / .7) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/missing\/1y6vZ:hover { + background: rgb(var(--calendar-tv-missing) / .5) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/unaired\/3aHdN { + background: rgb(var(--calendar-tv-Unaired) / .7) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/unaired\/3aHdN:hover { + background: rgb(var(--calendar-tv-Unaired) / .5) !important; + border-left-color: transparent !important; +} + +.CalendarEvent\/unmonitored\/Zvc-m { + background: rgb(var(--calendar-tv-Unmonitored) / .7) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/unmonitored\/Zvc-m:hover { + background: rgb(var(--calendar-tv-Unmonitored) / .5) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/onAir\/dwaU_ { + background: rgb(var(--calendar-tv-On-Air) / .7) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/onAir\/dwaU_:hover { + background: rgb(var(--calendar-tv-On-Air) / .5) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/downloading\/1kwSO { + background: rgb(var(--calendar-tv-Downloading) / .7) !important; + border-left-color: transparent !important; +} +.CalendarEvent\/downloading\/1kwSO:hover { + background: rgb(var(--calendar-tv-Downloading) / .5) !important; + border-left-color: transparent !important; +} .DayOfWeek\/dayOfWeek\/1iw4D { background-color: hsla(0,0%,100%,.08); } @@ -1096,10 +1145,7 @@ pre { .CalendarEvent\/event\/3Uyb9 { border-bottom: none !important; } - .CalendarEvent\/event\/3Uyb9:hover { - background-color: hsla(0,0%,100%,.08) !important; - border-bottom: none !important; - } + .CalendarEventGroup\/eventGroup\/gWPtK { border-bottom: 1px solid hsla(0,0%,100%,.08) !important; } diff --git a/CSS/themes/sonarr/space-gray.css b/CSS/themes/sonarr/space-gray.css index 4b243aba..e7a69eb8 100644 --- a/CSS/themes/sonarr/space-gray.css +++ b/CSS/themes/sonarr/space-gray.css @@ -16,13 +16,13 @@ --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: #35c5f4; - --calendar-tv-Downloading: #7932ea; - --calendar-tv-Unmonitored: grey; - --calendar-tv-Unaired: #337ab7; - --calendar-tv-missing: #d9534f; - --calendar-tv-On-Air: #f0ad4e; - --calendar-tv-available: #5cb85c; + --calendar-tv-Unaired-Premiere: 53 197 244; + --calendar-tv-Downloading: 122 67 182; + --calendar-tv-Unmonitored: 173 173 173; + --calendar-tv-Unaired: 93 156 236; + --calendar-tv-missing: 240 80 80; + --calendar-tv-On-Air: 255 165 0; + --calendar-tv-available: 39 194 76; --button-color: #607D8B; --button-color-hover: #81a6b7;