From 59ccaf1b0375481d9182937938d1294dcb83ebc1 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Sun, 4 Jul 2021 20:17:01 +0200 Subject: [PATCH] radarr var update --- CSS/themes/radarr/aquamarine.css | 21 +++----------------- CSS/themes/radarr/dark.css | 23 ++++------------------ CSS/themes/radarr/dracula.css | 23 ++++------------------ CSS/themes/radarr/hotline.css | 21 +++----------------- CSS/themes/radarr/organizr-dark.css | 23 ++++------------------ CSS/themes/radarr/plex.css | 23 ++++------------------ CSS/themes/radarr/radarr-base.css | 30 ++++++++++++++--------------- CSS/themes/radarr/space-gray.css | 21 +++----------------- 8 files changed, 40 insertions(+), 145 deletions(-) diff --git a/CSS/themes/radarr/aquamarine.css b/CSS/themes/radarr/aquamarine.css index b4e45b48..d842afef 100644 --- a/CSS/themes/radarr/aquamarine.css +++ b/CSS/themes/radarr/aquamarine.css @@ -13,30 +13,15 @@ /* RADARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ :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; - --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-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: #c2c2c2; } diff --git a/CSS/themes/radarr/dark.css b/CSS/themes/radarr/dark.css index f26b2cbd..c0ff1c59 100644 --- a/CSS/themes/radarr/dark.css +++ b/CSS/themes/radarr/dark.css @@ -13,30 +13,15 @@ /* RADARR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-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-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-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/radarr/dracula.css b/CSS/themes/radarr/dracula.css index 18085a80..1c6503d8 100644 --- a/CSS/themes/radarr/dracula.css +++ b/CSS/themes/radarr/dracula.css @@ -12,30 +12,15 @@ /* RADARR DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); -:root { - --main-bg-color: #282a36; - --modal-bg-color: #282a36; +@import url(https://theme-park.dev/CSS/variables/dracula.css); +/* APP VARS */ +: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-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/radarr/hotline.css b/CSS/themes/radarr/hotline.css index c6d1cb3f..a2e92d8d 100644 --- a/CSS/themes/radarr/hotline.css +++ b/CSS/themes/radarr/hotline.css @@ -13,30 +13,15 @@ /* RADARR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-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-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-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/radarr/organizr-dark.css b/CSS/themes/radarr/organizr-dark.css index 36468b21..f588cb4e 100644 --- a/CSS/themes/radarr/organizr-dark.css +++ b/CSS/themes/radarr/organizr-dark.css @@ -13,30 +13,15 @@ /* RADARR ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-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-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-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/radarr/plex.css b/CSS/themes/radarr/plex.css index 82cc0811..181be923 100644 --- a/CSS/themes/radarr/plex.css +++ b/CSS/themes/radarr/plex.css @@ -13,30 +13,15 @@ /* RADARR PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-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-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-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 +} \ No newline at end of file diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 0d12ebae..91ad913f 100644 --- a/CSS/themes/radarr/radarr-base.css +++ b/CSS/themes/radarr/radarr-base.css @@ -111,7 +111,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-"] { @@ -122,7 +122,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 { @@ -157,8 +157,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; } @@ -208,14 +208,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-"] { @@ -229,13 +229,13 @@ a:hover { } [class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid var(--accent-color); + border-left: 3px solid rgb(var(--accent-color)); } /* MOVIES PAGE */ /* RADARR SPECIFIC */ [class*="MovieIndexPoster-controls-"] { - background-color: var(--accent-color) !important; + background-color: rgb(var(--accent-color)) !important; } [class*="MovieTitlesTableContent-blankpad-"], [class*="ExtraFileTableContent-blankpad-"], @@ -275,7 +275,7 @@ a:hover { } [class*=".ProgressBar-purple-"] { - background-color: var(--accent-color); + background-color: rgb(var(--accent-color)); } /* MOVIE PAGE */ @@ -377,14 +377,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); } @@ -395,7 +395,7 @@ a:hover { } [class*="MovieDetails-selectedTab-"] { - border-bottom: 4px solid var(--accent-color); + border-bottom: 4px solid rgb(var(--accent-color)); } [class*="MovieDetails-tabList-"] { @@ -638,7 +638,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/radarr/space-gray.css b/CSS/themes/radarr/space-gray.css index e53908e7..16bb04a2 100644 --- a/CSS/themes/radarr/space-gray.css +++ b/CSS/themes/radarr/space-gray.css @@ -13,30 +13,15 @@ /* RADARR SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-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-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-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; }