From 730665ad225f5cae3abe5a9fbde0727b0fc24a12 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Sat, 17 Jul 2021 18:46:24 +0200 Subject: [PATCH] moveimatch dracula --- CSS/themes/moviematch/aquamarine.css | 17 +---------------- CSS/themes/moviematch/dark.css | 17 +---------------- CSS/themes/moviematch/dracula.css | 16 ++++++++++++++++ CSS/themes/moviematch/hotline.css | 17 +---------------- CSS/themes/moviematch/moviematch-base.css | 18 +++++++++--------- CSS/themes/moviematch/organizr-dark.css | 17 +---------------- CSS/themes/moviematch/plex.css | 17 +---------------- CSS/themes/moviematch/space-gray.css | 17 +---------------- 8 files changed, 31 insertions(+), 105 deletions(-) create mode 100644 CSS/themes/moviematch/dracula.css diff --git a/CSS/themes/moviematch/aquamarine.css b/CSS/themes/moviematch/aquamarine.css index 93b26973..6cd97e72 100644 --- a/CSS/themes/moviematch/aquamarine.css +++ b/CSS/themes/moviematch/aquamarine.css @@ -13,19 +13,4 @@ /* MOVIEMATCH AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-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; - --text-color: #eee; - --text-color-hover: #fff; - --button-color: #009688; - --button-color-hover: #12afa0; - --button-text: #eee; - --button-text-hover: #FFF; - --accent-color: #12afa0; - --accent-color-hover: #fff; - --link-color: #12afa0; - --link-color-hover: #fff; - --text-muted: #bbb; - --logo-color: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/dark.css b/CSS/themes/moviematch/dark.css index cdf94204..acc7ac56 100644 --- a/CSS/themes/moviematch/dark.css +++ b/CSS/themes/moviematch/dark.css @@ -13,19 +13,4 @@ /* MOVIEMATCH DARK THEME */ @import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-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; - --text-color: #b7b7b7; - --text-color-hover: #fff; - --button-color: hsla(0,0%,100%,.15); - --button-color-hover: hsla(0,0%,100%,.30); - --button-text: #eee; - --button-text-hover: #fff; - --accent-color: #646464; - --accent-color-hover: #ffffff73; - --link-color: #fff; - --link-color-hover: rgba(255, 255, 255, 0.45); - --text-muted: #bbb; - --logo-color: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/dracula.css b/CSS/themes/moviematch/dracula.css new file mode 100644 index 00000000..24b26b1d --- /dev/null +++ b/CSS/themes/moviematch/dracula.css @@ -0,0 +1,16 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* MOVIEMATCH DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/hotline.css b/CSS/themes/moviematch/hotline.css index e92edae6..5283625c 100644 --- a/CSS/themes/moviematch/hotline.css +++ b/CSS/themes/moviematch/hotline.css @@ -13,19 +13,4 @@ /* MOVIEMATCH HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-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; - --text-color: #eee; - --text-color-hover: #fff; - --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; - --link-color: #F44336; - --link-hover: #0b3161; - --text-muted: #bbb; - --logo-color: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/moviematch-base.css b/CSS/themes/moviematch/moviematch-base.css index 18e53903..588b3e45 100644 --- a/CSS/themes/moviematch/moviematch-base.css +++ b/CSS/themes/moviematch/moviematch-base.css @@ -17,33 +17,33 @@ body { background: var(--main-bg-color); - color: var(--text-color) + color: var(--text) } + + /* TEXT COLOR */ .matches-title, .matches-list:empty::before, .card-stack:empty::after, footer, .Field_Label { - color: var(--text-color); + color: var(--text); } /* ACCENTS */ .matches-section hr { - border: 0.5px solid var(--accent-color); + border: 0.5px solid rgb(var(--accent-color)); } .matches-section hr::before, .matches-title .matches-count { - background: var(--accent-color); + background: rgb(var(--accent-color)); color: var(--button-text); } -.logo, .Logo { - filter: var(--logo-color); - color: var(--accent-color); + color: rgb(var(--accent-color)); } /* FORMS */ @@ -69,7 +69,7 @@ input:focus { .Select_Element { border: 2px solid var(--button-color); - color: var(--button-color-text); + color: var(--button-text); } /* BUTTONS */ @@ -126,7 +126,7 @@ input:focus { } .Card_MoreInfoButton:hover { - color: var(--accent-color); + color: rgb(var(--accent-color)); } .RoomInfoBar { background-color: rgba(0, 0, 0, 0.25); diff --git a/CSS/themes/moviematch/organizr-dark.css b/CSS/themes/moviematch/organizr-dark.css index 1611b0ef..e4c5a3ab 100644 --- a/CSS/themes/moviematch/organizr-dark.css +++ b/CSS/themes/moviematch/organizr-dark.css @@ -13,19 +13,4 @@ /* MOVIEMATCH ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-base.css); -:root { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; - --text-color: #96a2b4; - --text-color-hover: #fff; - --button-color: #2cabe3; - --button-color-hover: rgb(44 171 227 / .8); - --button-text: #eee; - --button-text-hover: #fff; - --accent-color:#2cabe3; - --accent-color-hover: #fff; - --link-color: #2cabe3; - --link-color-hover: #fff; - --text-muted: #bbb; - --logo-color: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/plex.css b/CSS/themes/moviematch/plex.css index 8e5b1631..04c373a3 100644 --- a/CSS/themes/moviematch/plex.css +++ b/CSS/themes/moviematch/plex.css @@ -13,19 +13,4 @@ /* MOVIEMATCH PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-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; - --text-color: #eee; - --text-color-hover: #fff; - --button-color: #cc7b19; - --button-color-hover: #e59029; - --button-text: #eee; - --button-text-hover: #FFF; - --accent-color: #e5a00d; - --accent-color-hover: #ffc107; - --link-color: #ffc107; - --link-color-hover: #fff; - --text-muted: #bbb; - --logo-color: invert(58%) sepia(97%) saturate(908%) hue-rotate(3deg) brightness(98%) contrast(90%); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/moviematch/space-gray.css b/CSS/themes/moviematch/space-gray.css index 4e5b986d..6cd9d9f7 100644 --- a/CSS/themes/moviematch/space-gray.css +++ b/CSS/themes/moviematch/space-gray.css @@ -13,19 +13,4 @@ /* MOVIEMATCH SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/moviematch/moviematch-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; - --text-color: #eee; - --text-color-hover: #fff; - --button-color: #607D8B; - --button-color-hover: #81a6b7; - --button-text: #eee; - --button-text-hover: #fff; - --accent-color: #81a6b7; - --accent-color-hover: #607D8B; - --link-color: #81a6b7; - --link-color-hover: #fff; - --text-muted: #bbb; - --logo-color: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file