diff --git a/CSS/themes/lidarr/aquamarine.css b/CSS/themes/lidarr/aquamarine.css index 171cbb43..06f06ea5 100644 --- a/CSS/themes/lidarr/aquamarine.css +++ b/CSS/themes/lidarr/aquamarine.css @@ -13,30 +13,13 @@ /* LIDARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.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; - --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; - --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/lidarr/dark.css b/CSS/themes/lidarr/dark.css index 8e5b1d88..93c34d43 100644 --- a/CSS/themes/lidarr/dark.css +++ b/CSS/themes/lidarr/dark.css @@ -13,30 +13,15 @@ /* LIDARR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-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-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); - --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/lidarr/dracula.css b/CSS/themes/lidarr/dracula.css index d32ace11..fcecf73f 100644 --- a/CSS/themes/lidarr/dracula.css +++ b/CSS/themes/lidarr/dracula.css @@ -13,30 +13,15 @@ /* LIDARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-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-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: #bd93f9; - --button-color-hover: #ff79c6; - --button-text: #eee; - --button-text-hover: #FFF; - - --accent-color: #50fa7b; - --accent-color-hover: #50fa7b; + --calendar-missing: 240 80 80; --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/lidarr/hotline.css b/CSS/themes/lidarr/hotline.css index cb80d324..e84d9ffc 100644 --- a/CSS/themes/lidarr/hotline.css +++ b/CSS/themes/lidarr/hotline.css @@ -13,31 +13,15 @@ /* LIDARR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-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); - --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); - --button-text: #eee; - --button-text-hover: #FFF; - - --accent-color: #F44336; - --accent-color-hover: #0b3161; +/* APP VARS */ +:root { + --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; --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/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css index 2c8849f3..1263ed68 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-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*="Modal-large-"], @@ -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 { @@ -159,8 +159,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; } @@ -247,14 +247,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-"] { @@ -268,13 +268,13 @@ a:hover { } [class*="PageSidebarItem-isActiveItem-"] { - border-left: 3px solid var(--accent-color); + border-left: 3px solid rgb(var(--accent-color)); } /* LIBRARY PAGE */ /* LIDARR SPECIFIC */ [class*="ArtistIndexPoster-controls-"] { - background-color: var(--accent-color) !important; + background-color: rgb(var(--accent-color))!important; } /* OVERVIEW PAGE */ @@ -302,7 +302,7 @@ a:hover { } [class*=".ProgressBar-purple-"] { - background-color: var(--accent-color); + background-color: rgb(var(--accent-color)); } @@ -329,8 +329,8 @@ 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); } @@ -370,7 +370,7 @@ a:hover { } [class*="AlbumDetails-selectedTab-"] { - border-bottom: 4px solid var(--accent-color); + border-bottom: 4px solid rgb(var(--accent-color)); } [class*="AlbumDetailsMedium-collapseButtonContainer-"] { @@ -433,8 +433,8 @@ a:hover { [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); } @@ -679,7 +679,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/lidarr/organizr-dark.css b/CSS/themes/lidarr/organizr-dark.css index a936b96e..5b492319 100644 --- a/CSS/themes/lidarr/organizr-dark.css +++ b/CSS/themes/lidarr/organizr-dark.css @@ -13,30 +13,15 @@ /* LIDARR ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-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-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); - --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/lidarr/plex.css b/CSS/themes/lidarr/plex.css index b73795fd..771d8df0 100644 --- a/CSS/themes/lidarr/plex.css +++ b/CSS/themes/lidarr/plex.css @@ -13,30 +13,15 @@ /* LIDARR PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-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-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; - --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/lidarr/space-gray.css b/CSS/themes/lidarr/space-gray.css index b7027c09..a59247d5 100644 --- a/CSS/themes/lidarr/space-gray.css +++ b/CSS/themes/lidarr/space-gray.css @@ -13,30 +13,15 @@ /* LIDARR SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-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-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; - --button-text: #eee; - --button-text-hover: #FFF; - - --accent-color: #607D8B; - --accent-color-hover: #81a6b7; + --calendar-missing: 240 80 80; --queue-color: #81a6b7; - --link-color: #81a6b7; - --link-color-hover: #fff; - --label-text-color: #fff; - - --text:#eee; - --text-hover: #fff; - --text-muted: #999; } \ No newline at end of file