From 8138de9057320941f0e2b7da8dc3d17fac456d79 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Sun, 4 Jul 2021 20:32:15 +0200 Subject: [PATCH] sonarr var update --- CSS/themes/sonarr/aquamarine.css | 21 +++------------------ CSS/themes/sonarr/dark.css | 23 ++++------------------- CSS/themes/sonarr/dracula.css | 21 +++------------------ CSS/themes/sonarr/hotline.css | 21 +++------------------ CSS/themes/sonarr/organizr-dark.css | 23 ++++------------------- CSS/themes/sonarr/plex.css | 23 ++++------------------- CSS/themes/sonarr/sonarr-base.css | 28 ++++++++++++++-------------- CSS/themes/sonarr/space-gray.css | 21 +++------------------ 8 files changed, 38 insertions(+), 143 deletions(-) diff --git a/CSS/themes/sonarr/aquamarine.css b/CSS/themes/sonarr/aquamarine.css index 8d990011..3b6f3638 100644 --- a/CSS/themes/sonarr/aquamarine.css +++ b/CSS/themes/sonarr/aquamarine.css @@ -12,10 +12,10 @@ /* SONARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -:root { - --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; +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); +/* APP VARS */ +:root { --calendar-tv-unaired-premiere: 53 197 244; --calendar-tv-downloading: 122 67 182; --calendar-tv-unmonitored: 173 173 173; @@ -23,20 +23,5 @@ --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; - --button-text: #eee; - --button-text-hover: #FFF; - - --accent-color: #009688; - --accent-color-hover: #12afa0; --queue-color: #009688; - --link-color: #0ed2bf; - --link-color-hover: #fff; - --label-text-color: #fff; - - --text:#eee; - --text-hover: #fff; - --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/sonarr/dark.css b/CSS/themes/sonarr/dark.css index 0c096c88..55632726 100644 --- a/CSS/themes/sonarr/dark.css +++ b/CSS/themes/sonarr/dark.css @@ -13,10 +13,10 @@ /* SONARR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -:root { - --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; +@import url(https://theme-park.dev/CSS/variables/dark.css); +/* APP VARS */ +:root { --calendar-tv-unaired-premiere: 53 197 244; --calendar-tv-downloading: 122 67 182; --calendar-tv-unmonitored: 173 173 173; @@ -24,20 +24,5 @@ --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); - --button-text: #eee; - --button-text-hover: #FFF; - - --accent-color: rgba(255, 255, 255, 0.25); - --accent-color-hover: rgba(255, 255, 255, 0.45); --queue-color: #6b5; - --link-color: #ddd; - --link-color-hover: #fff; - --label-text-color: #fff; - - --text:#eee; - --text-hover: #fff; - --text-muted: #999; - } \ No newline at end of file +} \ No newline at end of file diff --git a/CSS/themes/sonarr/dracula.css b/CSS/themes/sonarr/dracula.css index 00e9a81d..2bcb127b 100644 --- a/CSS/themes/sonarr/dracula.css +++ b/CSS/themes/sonarr/dracula.css @@ -12,10 +12,10 @@ /* SONARR DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ :root { - --main-bg-color: #282a36; - --modal-bg-color: #282a36; - --calendar-tv-unaired-premiere: 53 197 244; --calendar-tv-downloading: 122 67 182; --calendar-tv-unmonitored: 173 173 173; @@ -23,20 +23,5 @@ --calendar-tv-missing: 240 80 80; --calendar-tv-on-air: 255 165 0; --calendar-tv-available: 39 194 76; - - --button-color: #bd93f9; - --button-color-hover: #ff79c6; - --button-text: #eee; - --button-text-hover: #FFF; - - --accent-color: #50fa7b; - --accent-color-hover: #50fa7b; --queue-color: #50fa7b; - --link-color: #ff79c6; - --link-color-hover: #8be9fd; - --label-text-color: #282a36; - - --text:#6272a4; - --text-hover: #95adfa; - --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/sonarr/hotline.css b/CSS/themes/sonarr/hotline.css index b40c2a27..7d9436a9 100644 --- a/CSS/themes/sonarr/hotline.css +++ b/CSS/themes/sonarr/hotline.css @@ -12,10 +12,10 @@ /* SONARR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -:root { - --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; +@import url(https://theme-park.dev/CSS/variables/hotline.css); +/* APP VARS */ +:root { --calendar-tv-unaired-premiere: 53 197 244; --calendar-tv-downloading: 122 67 182; --calendar-tv-unmonitored: 173 173 173; @@ -23,20 +23,5 @@ --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); - --button-text: #eee; - --button-text-hover: #FFF; - - --accent-color: #F44336; - --accent-color-hover: #0b3161; --queue-color: #6b5; - --link-color: #ddd; - --link-color-hover: #fff; - --label-text-color: #fff; - - --text:#eee; - --text-hover: #fff; - --text-muted: #999; } \ No newline at end of file diff --git a/CSS/themes/sonarr/organizr-dark.css b/CSS/themes/sonarr/organizr-dark.css index 59d9336b..b21db1eb 100644 --- a/CSS/themes/sonarr/organizr-dark.css +++ b/CSS/themes/sonarr/organizr-dark.css @@ -12,10 +12,10 @@ /* SONARR ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -:root { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); +/* APP VARS */ +:root { --calendar-tv-unaired-premiere: 53 197 244; --calendar-tv-downloading: 122 67 182; --calendar-tv-unmonitored: 173 173 173; @@ -23,20 +23,5 @@ --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); - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: #2cabe3; - --accent-color-hover: white; --queue-color: #2cabe3; - --link-color: #2cabe3; - --link-color-hover: #fff; - --label-text-color: #fff; - - --text:#96a2b4; - --text-hover: #fff; - --text-muted: #999; - } \ No newline at end of file +} \ No newline at end of file diff --git a/CSS/themes/sonarr/plex.css b/CSS/themes/sonarr/plex.css index 1aba159b..d851e517 100644 --- a/CSS/themes/sonarr/plex.css +++ b/CSS/themes/sonarr/plex.css @@ -12,10 +12,10 @@ /* SONARR PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -:root { - --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; +@import url(https://theme-park.dev/CSS/variables/plex.css); +/* APP VARS */ +:root { --calendar-tv-unaired-premiere: 53 197 244; --calendar-tv-downloading: 122 67 182; --calendar-tv-unmonitored: 173 173 173; @@ -23,20 +23,5 @@ --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; - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: #e5a00d; - --accent-color-hover: #ffc107; --queue-color: #27c24c; - --link-color: #e5a00d; - --link-color-hover: #fff; - --label-text-color: #fff; - - --text:#eee; - --text-hover: #fff; - --text-muted: #999; - } +} \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index bd81ba1c..e5664726 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -113,7 +113,7 @@ a:hover { [class*="ModalHeader-modalHeader-"] { background: var(--modal-bg-color); color: #fff; - border-bottom: var(--accent-color); + border-bottom: rgb(var(--accent-color)); } [class*="ModalContent-modalContent-"] { @@ -124,7 +124,7 @@ a:hover { [class*="ModalFooter-modalFooter-"] { background: var(--modal-bg-color); color: #fff; - border-top: 1px solid var(--accent-color); + border-top: 1px solid rgb(var(--accent-color)); } [class*="ModalContent-closeButton-"]:hover { @@ -167,8 +167,8 @@ a:hover { } [class*="CheckInput-primaryIsChecked-"] { - border-color: var(--accent-color) !important; - background-color: var(--accent-color) !important; + border-color: rgb(var(--accent-color))!important; + background-color: rgb(var(--accent-color))!important; color: var(--label-text-color) !important; } @@ -226,14 +226,14 @@ a:hover { } [class*="PageSidebarItem-link-"]:hover { - color: var(--accent-color); + color: rgb(var(--accent-color)); text-decoration: none; } [class*="PageSidebarItem-isActiveLink-"], [class*="PageSidebarItem-isActiveLink-"]:hover, [class*="PageSidebarItem-link-"]:focus { - color: var(--accent-color) !important; + color: rgb(var(--accent-color))!important; } [class*="PageSidebarItem-isActiveParentLink-"] { @@ -247,13 +247,13 @@ a:hover { } [class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid var(--accent-color); + border-left: 3px solid rgb(var(--accent-color)); } /* SERIES PAGE */ /* SONARR SPECIFIC */ [class*="SeriesIndexPoster-controls-"] { - background-color: var(--accent-color) !important; + background-color: rgb(var(--accent-color))!important; } /* OVERVIEW PAGE */ @@ -281,7 +281,7 @@ a:hover { [class*=".ProgressBar-purple-"] { - background-color: var(--accent-color); + background-color: rgb(var(--accent-color)); } /* SHOW PAGE */ @@ -398,14 +398,14 @@ a:hover { } [class*="Label-default-"] { - border-color: var(--accent-color); - background-color: var(--accent-color); + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); color: var(--label-text-color); } [class*="Label-info-"] { - border-color: var(--accent-color); - background-color: var(--accent-color); + border-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)); color: var(--label-text-color); } @@ -642,7 +642,7 @@ input:focus:-ms-input-placeholder { [class*="FieldSet-legend-"] { color: #FFF; - border-bottom: 1px solid var(--accent-color); + border-bottom: 1px solid rgb(var(--accent-color)); } [class*="VirtualTableRow-row-"]:hover { diff --git a/CSS/themes/sonarr/space-gray.css b/CSS/themes/sonarr/space-gray.css index 46e6eb43..a55138c4 100644 --- a/CSS/themes/sonarr/space-gray.css +++ b/CSS/themes/sonarr/space-gray.css @@ -12,10 +12,10 @@ /* SONARR SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -:root { - --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; +@import url(https://theme-park.dev/CSS/variables/space-gray.css); +/* APP VARS */ +:root { --calendar-tv-unaired-premiere: 53 197 244; --calendar-tv-downloading: 122 67 182; --calendar-tv-unmonitored: 173 173 173; @@ -23,20 +23,5 @@ --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; - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: #607D8B; - --accent-color-hover: #81a6b7; --queue-color: #81a6b7; - --link-color: #81a6b7; - --link-color-hover: #fff; - --label-text-color: #fff; - - --text:#eee; - --text-hover: #fff; - --text-muted: #999; }