topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

moveimatch dracula

pull/235/head
Marius 4 years ago
parent
c30d0a647f
commit
730665ad22
8 changed files with 31 additions and 105 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 17
      CSS/themes/moviematch/aquamarine.css
  2. 17
      CSS/themes/moviematch/dark.css
  3. 16
      CSS/themes/moviematch/dracula.css
  4. 17
      CSS/themes/moviematch/hotline.css
  5. 18
      CSS/themes/moviematch/moviematch-base.css
  6. 17
      CSS/themes/moviematch/organizr-dark.css
  7. 17
      CSS/themes/moviematch/plex.css
  8. 17
      CSS/themes/moviematch/space-gray.css

17
CSS/themes/moviematch/aquamarine.css
View File

@ -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%);
}
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);

17
CSS/themes/moviematch/dark.css
View File

@ -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%);
}
@import url(https://theme-park.dev/CSS/variables/dark.css);

16
CSS/themes/moviematch/dracula.css
View File

@ -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);

17
CSS/themes/moviematch/hotline.css
View File

@ -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%);
}
@import url(https://theme-park.dev/CSS/variables/hotline.css);

18
CSS/themes/moviematch/moviematch-base.css
View File

@ -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);

17
CSS/themes/moviematch/organizr-dark.css
View File

@ -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%);
}
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);

17
CSS/themes/moviematch/plex.css
View File

@ -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%);
}
@import url(https://theme-park.dev/CSS/variables/plex.css);

17
CSS/themes/moviematch/space-gray.css
View File

@ -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%);
}
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
Write Preview
Loading…
Cancel
Save