From 9e983cae2175b6928f31fcd65216df02cc80a53d Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Sun, 8 Nov 2020 18:41:50 +0100 Subject: [PATCH] readarr calendar color update --- CSS/themes/readarr/aquamarine.css | 12 ++--- CSS/themes/readarr/dark.css | 12 ++--- CSS/themes/readarr/hotline.css | 12 ++--- CSS/themes/readarr/organizr-dark.css | 12 ++--- CSS/themes/readarr/plex.css | 12 ++--- CSS/themes/readarr/readarr-base.css | 68 ++++++++++++++++++++-------- CSS/themes/readarr/space-gray.css | 12 ++--- 7 files changed, 85 insertions(+), 55 deletions(-) diff --git a/CSS/themes/readarr/aquamarine.css b/CSS/themes/readarr/aquamarine.css index eb7d7627..d49b489e 100644 --- a/CSS/themes/readarr/aquamarine.css +++ b/CSS/themes/readarr/aquamarine.css @@ -17,12 +17,12 @@ --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-Downloading: #7a43b6; - --calendar-Downloaded: #27c24c; - --calendar-Unreleased: #06f; - --calendar-Partial: orange; - --calendar-Unmonitored: #adadad; - --calendar-Missing: #f05050; + --calendar-Downloading: 122 67 182; + --calendar-Downloaded: 39 194 76; + --calendar-Unreleased: 93, 156, 236; + --calendar-Partial: 255, 165, 0; + --calendar-Unmonitored: 173 173 173; + --calendar-Missing: 240 80 80; --button-color: #009688; --button-color-hover: #12afa0; diff --git a/CSS/themes/readarr/dark.css b/CSS/themes/readarr/dark.css index f72bceea..20fabdd1 100644 --- a/CSS/themes/readarr/dark.css +++ b/CSS/themes/readarr/dark.css @@ -17,12 +17,12 @@ --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-Downloading: #7a43b6; - --calendar-Downloaded: #27c24c; - --calendar-Unreleased: #06f; - --calendar-Partial: orange; - --calendar-Unmonitored: #adadad; - --calendar-Missing: #f05050; + --calendar-Downloading: 122 67 182; + --calendar-Downloaded: 39 194 76; + --calendar-Unreleased: 93, 156, 236; + --calendar-Partial: 255, 165, 0; + --calendar-Unmonitored: 173 173 173; + --calendar-Missing: 240 80 80; --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); diff --git a/CSS/themes/readarr/hotline.css b/CSS/themes/readarr/hotline.css index b1de50d8..f548593f 100644 --- a/CSS/themes/readarr/hotline.css +++ b/CSS/themes/readarr/hotline.css @@ -17,12 +17,12 @@ --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-Downloading: #7a43b6; - --calendar-Downloaded: #27c24c; - --calendar-Unreleased: #06f; - --calendar-Partial: orange; - --calendar-Unmonitored: #adadad; - --calendar-Missing: #f05050; + --calendar-Downloading: 122 67 182; + --calendar-Downloaded: 39 194 76; + --calendar-Unreleased: 93, 156, 236; + --calendar-Partial: 255, 165, 0; + --calendar-Unmonitored: 173 173 173; + --calendar-Missing: 240 80 80; --button-color: hsla(0,0%,100%,.15); --button-color-hover: hsla(0,0%,100%,.30); diff --git a/CSS/themes/readarr/organizr-dark.css b/CSS/themes/readarr/organizr-dark.css index 5b0e9e04..9b601a1c 100644 --- a/CSS/themes/readarr/organizr-dark.css +++ b/CSS/themes/readarr/organizr-dark.css @@ -17,12 +17,12 @@ --main-bg-color: #1f1f1f; --modal-bg-color: #1b1b1b; - --calendar-Downloading: #7a43b6; - --calendar-Downloaded: #53e69d; - --calendar-Unreleased: #2cabe3; - --calendar-Partial: orange; - --calendar-Unmonitored: #adadad; - --calendar-Missing: #ff7676; + --calendar-Downloading: 122 67 182; + --calendar-Downloaded: 39 194 76; + --calendar-Unreleased: 93, 156, 236; + --calendar-Partial: 255, 165, 0; + --calendar-Unmonitored: 173 173 173; + --calendar-Missing: 240 80 80; --button-color: #2cabe3; --button-color-hover: rgb(44 171 227 / .8); diff --git a/CSS/themes/readarr/plex.css b/CSS/themes/readarr/plex.css index 7497ac1d..b5129603 100644 --- a/CSS/themes/readarr/plex.css +++ b/CSS/themes/readarr/plex.css @@ -17,12 +17,12 @@ --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-Downloading: #7a43b6; - --calendar-Downloaded: #27c24c; - --calendar-Unreleased: #06f; - --calendar-Partial: orange; - --calendar-Unmonitored: #adadad; - --calendar-Missing: #f05050; + --calendar-Downloading: 122 67 182; + --calendar-Downloaded: 39 194 76; + --calendar-Unreleased: 93, 156, 236; + --calendar-Partial: 255, 165, 0; + --calendar-Unmonitored: 173 173 173; + --calendar-Missing: 240 80 80; --button-color: #cc7b19; --button-color-hover: #e59029; diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css index feeb80b5..78756247 100644 --- a/CSS/themes/readarr/readarr-base.css +++ b/CSS/themes/readarr/readarr-base.css @@ -305,25 +305,55 @@ background-color: hsla(0,0%,100%,.25) !important; background-color: hsla(0,0%,100%,.08) !important; border-bottom: none !important; } - /* CALENDAR COLORS */ - .CalendarEvent-downloading-1kwSO { - border-left-color: var(--calendar-Downloading); - } - .CalendarEvent-downloaded-2vSrJ { - border-left-color: var(--calendar-Downloaded); - } - .CalendarEvent-unreleased-mSAoI { - border-left-color: var(--calendar-Unreleased); - } - .CalendarEvent-partial-2_4q1 { - border-left-color: var(--calendar-Partial); - } - .CalendarEvent-unmonitored-Zvc-m { - border-left-color: var(--calendar-Unmonitored); - } - .CalendarEvent-missing-1y6vZ { - border-left-color: var(--calendar-Missing); - } +/* CALENDAR COLORS */ + .CalendarEvent-downloading-1kwSO { + background: rgb(var(--calendar-Downloading) / .7) !important; + border-left-color: transparent !important; + } + .CalendarEvent-downloading-1kwSO:hover { + background: rgb(var(--calendar-Downloading) / .5) !important; + border-left-color: transparent !important; + } + .CalendarEvent-downloaded-2vSrJ { + background: rgb(var(--calendar-Downloaded) / .7) !important; + border-left-color: transparent !important; + } + .CalendarEvent-downloaded-2vSrJ:hover { + background: rgb(var(--calendar-Downloaded) / .5) !important; + border-left-color: transparent !important; + } + .CalendarEvent-unreleased-mSAoI { + background: rgb(var(--calendar-Unreleased) / .7) !important; + border-left-color: transparent !important; + } + .CalendarEvent-unreleased-mSAoI:hover { + background: rgb(var(--calendar-Unreleased) / .5) !important; + border-left-color: transparent !important; + } + .CalendarEvent-partial-2_4q1 { + background: rgb(var(--calendar-Partial) / .7) !important; + border-left-color: transparent !important; + } + .CalendarEvent-partial-2_4q1:hover { + background: rgb(var(--calendar-Partial) / .5) !important; + border-left-color: transparent !important; + } + .CalendarEvent-unmonitored-Zvc-m { + background: rgb(var(--calendar-Unmonitored) / .7) !important; + border-left-color: transparent !important; + } + .CalendarEvent-unmonitored-Zvc-m:hover { + background: rgb(var(--calendar-Unmonitored) / .5) !important; + border-left-color: transparent !important; + } + .CalendarEvent-missing-1y6vZ { + background: rgb(var(--calendar-Missing) / .7) !important; + border-left-color: transparent !important; + } + .CalendarEvent-missing-1y6vZ:hover { + background: rgb(var(--calendar-Missing) / .5) !important; + border-left-color: transparent !important; + } /* ACTIVITY */ .ProgressBar-primary-3YDfb { diff --git a/CSS/themes/readarr/space-gray.css b/CSS/themes/readarr/space-gray.css index a49268ef..b1dff11d 100644 --- a/CSS/themes/readarr/space-gray.css +++ b/CSS/themes/readarr/space-gray.css @@ -17,12 +17,12 @@ --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-Downloading: #7a43b6; - --calendar-Downloaded: #27c24c; - --calendar-Unreleased: #06f; - --calendar-Partial: orange; - --calendar-Unmonitored: #adadad; - --calendar-Missing: #f05050; + --calendar-Downloading: 122 67 182; + --calendar-Downloaded: 39 194 76; + --calendar-Unreleased: 93, 156, 236; + --calendar-Partial: 255, 165, 0; + --calendar-Unmonitored: 173 173 173; + --calendar-Missing: 240 80 80; --button-color: #607D8B; --button-color-hover: #81a6b7;