diff --git a/CSS/themes/synclounge/aquamarine.css b/CSS/themes/synclounge/aquamarine.css
new file mode 100644
index 00000000..9d3a952f
--- /dev/null
+++ b/CSS/themes/synclounge/aquamarine.css
@@ -0,0 +1,21 @@
+
+/*    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			 */
+
+/* RUTORRENT AQUAMARINE THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/synclounge/synclounge-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;
+  --default-button-color: #009688;
+  --default-button-color-hover:  #12afa0;
+}
diff --git a/CSS/themes/synclounge/dark.css b/CSS/themes/synclounge/dark.css
new file mode 100644
index 00000000..93036958
--- /dev/null
+++ b/CSS/themes/synclounge/dark.css
@@ -0,0 +1,21 @@
+
+/*    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			 */
+
+/* SYNCLOUNGE DARK THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/synclounge/synclounge-base.css);
+:root {
+  --main-bg-color: #1f1f1f;
+  --modal-bg-color: radial-gradient(ellipse at top, #1f1f1f 0%, #1f1f1f 100%) center center/cover no-repeat fixed;
+  --default-button-color: #cc7b19;
+  --default-button-color-hover: #e59029;
+  }
\ No newline at end of file
diff --git a/CSS/themes/synclounge/hotline.css b/CSS/themes/synclounge/hotline.css
new file mode 100644
index 00000000..e4a2a05c
--- /dev/null
+++ b/CSS/themes/synclounge/hotline.css
@@ -0,0 +1,22 @@
+
+/*    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			 */
+
+/* SYNCLOUNGE HOTLINE THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/synclounge/synclounge-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;
+  --default-button-color: #F44336;
+  --default-button-color-hover: rgb(247, 106, 96);
+  --accent-color: #F44336; 
+}
\ No newline at end of file
diff --git a/CSS/themes/synclounge/plex.css b/CSS/themes/synclounge/plex.css
new file mode 100644
index 00000000..3bed5356
--- /dev/null
+++ b/CSS/themes/synclounge/plex.css
@@ -0,0 +1,22 @@
+
+/*    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			 */
+
+/* SYNCLOUNGE PLEX THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/synclounge/synclounge-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;
+  --default-button-color: #cc7b19;
+  --default-button-color-hover: #e59029; 
+  --accent-color: #cc7b19; 
+}
\ No newline at end of file
diff --git a/CSS/themes/synclounge/space-gray.css b/CSS/themes/synclounge/space-gray.css
new file mode 100644
index 00000000..70507485
--- /dev/null
+++ b/CSS/themes/synclounge/space-gray.css
@@ -0,0 +1,22 @@
+
+/*    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			 */
+
+/* SYNCLOUNGE SPACE GRAY THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/synclounge/synclounge-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;
+  --default-button-color: #607D8B;
+  --default-button-color-hover: #81a6b7;
+  --accent-color: #607D8B;
+}
diff --git a/CSS/themes/synclounge/synclounge-base.css b/CSS/themes/synclounge/synclounge-base.css
new file mode 100644
index 00000000..2283ce7f
--- /dev/null
+++ b/CSS/themes/synclounge/synclounge-base.css
@@ -0,0 +1,102 @@
+
+/*    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			 */
+: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;
+    --default-button-color: #F44336;
+    --default-button-color-hover: rgb(247, 106, 96);
+    --accent-color: #F44336; 
+  }
+
+main {
+background: var(--main-bg-color);
+}
+h4 {
+    color: #ffffff;
+}
+.v-toolbar {
+    background: transparent !important;
+    box-shadow: none;
+}
+.v-toolbar__content, .v-toolbar__extension {
+    background-color: rgba(0, 0, 0, 0.6) !important;
+}
+p a {
+    color: var(--accent-color) !important;
+}
+.application .theme--dark.v-card, .theme--dark .v-card .primary--text {
+    color: var(--accent-color) !important;
+}
+.application .theme--dark.v-card, .theme--dark .v-card .accent--text {
+    color: var(--accent-color) !important;
+}
+.application .theme--dark.v-card, .theme--dark .v-card .primary {
+    color: var(--accent-color) !important;
+}
+.flex.xs12 a {
+    color: var(--accent-color);
+}
+.v-list__tile {
+    color: #fff !important;
+}
+
+.v-stepper__step__step .primary {
+    background-color: var(--default-button-color) !important;
+    border-color: var(--default-button-color)  !important;
+}
+
+.primary {
+    background-color: var(--default-button-color) !important;
+    border-color: var(--default-button-color)  !important;
+}
+.v-input__control .v-input__slot .primary--text input, .primary--text textarea {
+    caret-color: var(--accent-color) !important;
+}
+.v-input input:active, .v-input input:focus, .v-input textarea:active, .v-input textarea:focus .primary--text input, .primary--text textarea {
+    caret-color: var(--accent-color) !important; 
+}
+
+
+.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat), .theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat) {
+    background-color: var(--default-button-color) !important;
+}
+.v-btn__content {
+    color: #fff;
+}
+.v-btn--active:before, .v-btn:focus:before, .v-btn:hover:before {
+    background-color: white;
+}
+.application .theme--dark.v-card, .theme--dark .v-card {
+    background: var(--modal-bg-color);
+}
+.flex.md3 .application .theme--dark.v-card, .theme--dark .v-card {
+    background: rgba(255, 255, 255, 0.10) !important;
+    color: #fff;
+}
+.flex.md3 .application .theme--dark.v-list, .theme--dark .v-list {
+    background: rgba(255, 255, 255, 0.10) !important;
+}
+flex xs12 .flex.md3 .application .theme--dark.v-list, .theme--dark .v-list {
+    background: inherit !important;
+}
+.v-navigation-drawer {
+    background: var(--main-bg-color) !important;
+}
+
+/*popup modal */
+.v-dialog {
+    background: var(--modal-bg-color);
+}
+.menuable__content__active {
+    background: var(--modal-bg-color);
+}