From b5c52274f268fbb3df508f5299ed30762405fdc0 Mon Sep 17 00:00:00 2001 From: gilbN Date: Thu, 11 Jul 2019 19:13:28 +0200 Subject: [PATCH] added sonarrv2 color variables --- CSS/themes/sonarr/aquamarine.css | 14 ++++---- CSS/themes/sonarr/dark.css | 14 ++++---- CSS/themes/sonarr/hotline.css | 14 ++++---- CSS/themes/sonarr/plex.css | 14 ++++---- CSS/themes/sonarr/sonarr-base.css | 53 ++++++++++++++++++++----------- 5 files changed, 63 insertions(+), 46 deletions(-) diff --git a/CSS/themes/sonarr/aquamarine.css b/CSS/themes/sonarr/aquamarine.css index 1ddc63ba..93fa679c 100644 --- a/CSS/themes/sonarr/aquamarine.css +++ b/CSS/themes/sonarr/aquamarine.css @@ -17,11 +17,11 @@ --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: #FFEB3B; - --calendar-tv-Downloaded: #eeeeee; - --calendar-tv-Unmonitored: #eeeeee; - --calendar-tv-Unaired: #eeeeee; - --calendar-tv-missing: #ff7676; - --calendar-tv-On-Air: #eeeeee; - --calendar-tv-available: #53e69d; + --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; } \ No newline at end of file diff --git a/CSS/themes/sonarr/dark.css b/CSS/themes/sonarr/dark.css index 35bdb385..a86ec7ce 100644 --- a/CSS/themes/sonarr/dark.css +++ b/CSS/themes/sonarr/dark.css @@ -17,11 +17,11 @@ --main-bg-color: #1f1f1f; --modal-bg-color: radial-gradient(ellipse at top, #1f1f1f 0%, #1f1f1f 100%) center center/cover no-repeat fixed; - --calendar-tv-Unaired-Premiere: #FFEB3B; - --calendar-tv-Downloaded: #eeeeee; - --calendar-tv-Unmonitored: #eeeeee; - --calendar-tv-Unaired: #eeeeee; - --calendar-tv-missing: #ff7676; - --calendar-tv-On-Air: #eeeeee; - --calendar-tv-available: #53e69d; + --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; } \ No newline at end of file diff --git a/CSS/themes/sonarr/hotline.css b/CSS/themes/sonarr/hotline.css index 9b16c7f0..dad78540 100644 --- a/CSS/themes/sonarr/hotline.css +++ b/CSS/themes/sonarr/hotline.css @@ -17,11 +17,11 @@ --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: #FFEB3B; - --calendar-tv-Downloaded: #eeeeee; - --calendar-tv-Unmonitored: #eeeeee; - --calendar-tv-Unaired: #eeeeee; - --calendar-tv-missing: #ff7676; - --calendar-tv-On-Air: #eeeeee; - --calendar-tv-available: #53e69d; + --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; } \ No newline at end of file diff --git a/CSS/themes/sonarr/plex.css b/CSS/themes/sonarr/plex.css index 3b2e646d..824d8583 100644 --- a/CSS/themes/sonarr/plex.css +++ b/CSS/themes/sonarr/plex.css @@ -17,11 +17,11 @@ --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: #FFEB3B; - --calendar-tv-Downloaded: #eeeeee; - --calendar-tv-Unmonitored: #eeeeee; - --calendar-tv-Unaired: #eeeeee; - --calendar-tv-missing: #ff7676; - --calendar-tv-On-Air: #eeeeee; - --calendar-tv-available: #53e69d; + --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; } \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index 94a551d9..12f744ad 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -285,25 +285,42 @@ div.form-group > label { } /* Calendar page */ + /* Unaired Premiere */ + .calendar .premiere { + border-color: var(--calendar-tv-Unaired-Premiere); + background-color: var(--calendar-tv-Unaired-Premiere); + } + /* Downloading */ + .calendar .purple { + border-color: var(--calendar-tv-Downloading); + background-color: var(--calendar-tv-Downloading); + } + /* Downloading */ + .calendar .unmonitored { + border-color: var(--calendar-tv-Unmonitored); + background-color: var(--calendar-tv-Unmonitored); + } + /* Unaired */ + .calendar .primary { + border-color: var(--calendar-tv-Unaired); + background-color: var(--calendar-tv-Unaired); + } + /* Missing */ + .calendar .danger { + border-color: var(--calendar-tv-missing); + background-color: var(--calendar-tv-missing); + } + /* On Air */ + .calendar .warning { + border-color: var(--calendar-tv-On-Air); + background-color: var(--calendar-tv-On-Air); + } + /* Downloaded*/ + .calendar .success { + border-color: var(--calendar-tv-available); + background-color: var(--calendar-tv-available); + } -.calendar .success { - border-color: rgba(25, 255, 0, .15); - background-color: rgba(25, 255, 0, .15); - color: #FFF; -} -.calendar .premiere { - border-color: rgba(45, 66, 85, 100); - background-color: rgba(45, 66, 85, 100); -} -.calendar .primary { - border-color: rgba(0, 0, 0, .25); - background-color: rgba(0, 0, 0, .10); -} -.calendar .danger { - border-color: rgba(171, 0, 0, .50); - background-color: rgba(171, 0, 0, .50); - color: #fff; -} .event .primary { border-color: rgba(0, 0, 0, .25); }