diff --git a/CSS/themes/moviematch/aquamarine.css b/CSS/themes/moviematch/aquamarine.css
new file mode 100644
index 00000000..9dcdb6f2
--- /dev/null
+++ b/CSS/themes/moviematch/aquamarine.css
@@ -0,0 +1,31 @@
+
+/* 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 AQUAMARINE THEME */
+@import url(https://gilbn.github.io/theme.park/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
diff --git a/CSS/themes/moviematch/dark.css b/CSS/themes/moviematch/dark.css
new file mode 100644
index 00000000..c5fdb52d
--- /dev/null
+++ b/CSS/themes/moviematch/dark.css
@@ -0,0 +1,31 @@
+
+/* 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 DARK THEME */
+@import url(https://gilbn.github.io/theme.park/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
diff --git a/CSS/themes/moviematch/hotline.css b/CSS/themes/moviematch/hotline.css
new file mode 100644
index 00000000..5c105256
--- /dev/null
+++ b/CSS/themes/moviematch/hotline.css
@@ -0,0 +1,31 @@
+
+/* 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 HOTLINE THEME */
+@import url(https://gilbn.github.io/theme.park/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
diff --git a/CSS/themes/moviematch/moviematch-base.css b/CSS/themes/moviematch/moviematch-base.css
new file mode 100644
index 00000000..a6ec1b1a
--- /dev/null
+++ b/CSS/themes/moviematch/moviematch-base.css
@@ -0,0 +1,82 @@
+/* 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 */
+
+* {
+ outline: none;
+
+}
+
+body {
+ background: var(--main-bg-color);
+ color: var(--text-color)
+}
+
+/* TEXT COLOR */
+.matches-title,
+.matches-list:empty::before,
+.card-stack:empty::after,
+footer {
+ color: var(--text-color);
+}
+
+/* ACCENTS */
+
+.matches-section hr {
+ border: 0.5px solid var(--accent-color);
+}
+
+.matches-section hr::before,
+.matches-title .matches-count {
+ background: var(--accent-color);
+ color: var(--button-text);
+}
+
+.logo {
+ filter: var(--logo-color)
+}
+
+/* FORMS */
+.login-form input,
+input {
+ background: rgba(0, 0, 0, .25);
+ border: 1px solid transparent;
+ color: var(--text)
+}
+
+.login-form input:focus,
+input:focus {
+ background: #fff;
+ border: 1px solid transparent;
+ color: black;
+}
+
+input:focus {
+ outline: none;
+}
+
+/* BUTTONS */
+.login-form .room-code-container .generate-button,
+.login-form .submit-button {
+ background: var(--button-color);
+ color: var(--button-text);
+}
+
+.login-form .room-code-container .generate-button:hover,
+.login-form .submit-button:hover {
+ background: var(--button-color-hover);
+ color: var(--button-text-hover);
+}
+
+/* CARDS */
+.card {
+ border: 1px solid transparent;
+}
\ No newline at end of file
diff --git a/CSS/themes/moviematch/organizr-dark.css b/CSS/themes/moviematch/organizr-dark.css
new file mode 100644
index 00000000..df984437
--- /dev/null
+++ b/CSS/themes/moviematch/organizr-dark.css
@@ -0,0 +1,31 @@
+
+/* 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 ORGANIZR-DARK THEME */
+@import url(https://gilbn.github.io/theme.park/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
diff --git a/CSS/themes/moviematch/plex.css b/CSS/themes/moviematch/plex.css
new file mode 100644
index 00000000..45c36985
--- /dev/null
+++ b/CSS/themes/moviematch/plex.css
@@ -0,0 +1,31 @@
+
+/* 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 PLEX THEME */
+@import url(https://gilbn.github.io/theme.park/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
diff --git a/CSS/themes/moviematch/space-gray.css b/CSS/themes/moviematch/space-gray.css
new file mode 100644
index 00000000..40bf2eb0
--- /dev/null
+++ b/CSS/themes/moviematch/space-gray.css
@@ -0,0 +1,31 @@
+
+/* 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 SPACE GRAY THEME */
+@import url(https://gilbn.github.io/theme.park/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
diff --git a/README.md b/README.md
index c8126dea..5a33f540 100644
--- a/README.md
+++ b/README.md
@@ -233,9 +233,17 @@
Unraid
+
+|
+ 
+Moviematch
+ |
+
+
+
## [Adding your own theme colors](https://github.com/gilbN/theme.park/wiki/Creating-your-own-themes)
diff --git a/Screenshots/moviematch/aquamarine.jpg b/Screenshots/moviematch/aquamarine.jpg
new file mode 100644
index 00000000..706406b2
Binary files /dev/null and b/Screenshots/moviematch/aquamarine.jpg differ
diff --git a/Screenshots/moviematch/dark.jpg b/Screenshots/moviematch/dark.jpg
new file mode 100644
index 00000000..fa15f796
Binary files /dev/null and b/Screenshots/moviematch/dark.jpg differ
diff --git a/Screenshots/moviematch/hotline.jpg b/Screenshots/moviematch/hotline.jpg
new file mode 100644
index 00000000..c308f7fb
Binary files /dev/null and b/Screenshots/moviematch/hotline.jpg differ
diff --git a/Screenshots/moviematch/organizr-dark.jpg b/Screenshots/moviematch/organizr-dark.jpg
new file mode 100644
index 00000000..e0e1d30f
Binary files /dev/null and b/Screenshots/moviematch/organizr-dark.jpg differ
diff --git a/Screenshots/moviematch/plex.jpg b/Screenshots/moviematch/plex.jpg
new file mode 100644
index 00000000..9f4fab0f
Binary files /dev/null and b/Screenshots/moviematch/plex.jpg differ
diff --git a/Screenshots/moviematch/space-gray.jpg b/Screenshots/moviematch/space-gray.jpg
new file mode 100644
index 00000000..a69dc2a1
Binary files /dev/null and b/Screenshots/moviematch/space-gray.jpg differ