diff --git a/CSS/themes/gaps/aquamarine.css b/CSS/themes/gaps/aquamarine.css
new file mode 100644
index 00000000..b3681421
--- /dev/null
+++ b/CSS/themes/gaps/aquamarine.css
@@ -0,0 +1,25 @@
+/* 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 */
+
+/* GAPS AQUAMARINE THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-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;
+
+ --button-color: #009688;
+ --button-color-hover: #12afa0;
+ --accent-color: #009688;
+ --accent-color-hover: #12afa0;
+ --text: #eee;
+ --text-hover: #fff;
+}
\ No newline at end of file
diff --git a/CSS/themes/gaps/dark.css b/CSS/themes/gaps/dark.css
new file mode 100644
index 00000000..85aa7a45
--- /dev/null
+++ b/CSS/themes/gaps/dark.css
@@ -0,0 +1,25 @@
+/* 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 */
+
+/* GAPS DARK THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-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;
+
+ --button-color: hsla(0,0%,100%,.15);
+ --button-color-hover: hsla(0,0%,100%,.30);
+ --accent-color: rgba(255, 255, 255, 0.25);
+ --accent-color-hover: rgba(255, 255, 255, 0.45);
+ --text: #eee;
+ --text-hover: #fff;
+ }
\ No newline at end of file
diff --git a/CSS/themes/gaps/gaps-base.css b/CSS/themes/gaps/gaps-base.css
new file mode 100644
index 00000000..4d3e29a2
--- /dev/null
+++ b/CSS/themes/gaps/gaps-base.css
@@ -0,0 +1,199 @@
+/* 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 */
+
+body {
+ background: var(--main-bg-color);
+ color: var(--text);
+}
+/* Scrollbar */
+ @media only screen and (min-width: 768px) {
+ html {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+ }
+ body {
+ overflow-y: auto;
+ height: 100%;
+ background: var(--main-bg-color)
+ }
+}
+ ::-webkit-scrollbar {
+ width: 14px;
+ }
+ ::-webkit-scrollbar-thumb {
+ min-height: 50px;
+ border: 3px solid transparent;
+ border-radius: 8px;
+ background-color: hsla(0,0%,100%,.2);
+ background-clip: padding-box;
+ }
+ ::-webkit-scrollbar-track {
+ background-color: transparent;
+ }
+ ::-webkit-scrollbar-thumb:hover {
+ min-height: 50px;
+ border: 3px solid transparent;
+ border-radius: 8px;
+ background-color: hsla(0,0%,100%,.5);
+ background-clip: padding-box;
+ }
+a {
+ color: var(--accent-color);
+
+}
+a:hover {
+ color: var(--accent-color-hover);
+ text-decoration: underline;
+}
+.text-primary {
+ color: var(--text)!important;
+}
+.text-muted {
+ color: var(--text)!important;
+ opacity: .8;
+}
+ /* Header */
+.bg-primary {
+ background-color: transparent !important;
+ background: rgba(0, 0, 0, .25) !important;
+}
+.navbar .list-ul-active,.info-circle-active, .arrow-clockwise-active, .gear-active, .rss-active, .exclamation-triangle-active, .collection-fill-active {
+ background-color: var(--accent-color);
+}
+.bg-primary .navbar-nav .active>.nav-link {
+ color: var(--accent-color) !important;
+}
+
+/* Tables */
+table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable tbody tr {
+ background-color: rgba(0, 0, 0, .25);
+}
+table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
+ background-color: rgba(0, 0, 0, .25);
+}
+
+table.dataTable thead th, table.dataTable thead td {
+ border-bottom: 1px solid #00000000;
+}
+table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
+ border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+ /* Pagination */
+.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+ color: var(--text) !important;
+ border: 1px solid transparent;
+ background: rgba(0, 0, 0, .25);
+}
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
+ color: var(--text-hover) !important;
+ border: 1px solid transparent;
+ background: rgba(255, 255, 255, .08);
+}
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
+ outline: none;
+}
+/* Cards */
+.card {
+ background: transparent;
+ color: var(--text);
+ border: 1px solid rgba(0,0,0,0);
+}
+.card .text-muted {
+ color: var(--text) !important;
+}
+#movies .card img {
+ height: 200px !important;
+ width: auto !important;
+}
+.card-text .text-info {
+ color: var(--accent-color) !important;
+}
+
+/* Buttons */
+.btn-primary, .btn-info {
+ color: #fff;
+ background-color: var(--button-color) !important;
+ border-color: var(--button-color) !important;
+}
+.btn-primary:active, .btn-info:active {
+ box-shadow: none !important;
+}
+.btn-primary:hover, .btn-info:hover {
+ background-color: var(--button-color-hover) !important;
+ border-color: var(--button-color-hover) !important;
+}
+.btn-secondary {
+ color: #fff;
+ background-color: var(--button-color);
+ border-color: var(--button-color);
+}
+.btn-secondary:hover {
+ color: #fff;
+ background-color: var(--button-color-hover);
+ border-color: var(--button-color-hover);
+}
+/* Settings */
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+ color: var(--text);
+ background-color: rgba(255, 255, 255, .1);
+ border-color: transparent;
+}
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+ background-color: rgba(0, 0, 0, .25);
+ border-color: transparent;
+}
+.nav-tabs .nav-link.active:hover {
+ background-color: rgba(255, 255, 255, .1);
+}
+.badge-primary {
+ color: var(--text);
+ background-color: var(--accent-color);
+}
+#plexServers .card-header {
+ background-color: rgba(255, 255, 255, .1);
+}
+#plexServers .border-secondary {
+ border-color: #0000 !important;
+}
+#plexServers .list-group-item {
+ background-color: rgba(0, 0, 0, .25);
+ border: none;
+}
+#plexServers .card-footer {
+ background-color: rgb(0 0 0 / 25%);
+}
+.dropdown-menu {
+ color: var(--text);
+ background: var(--modal-bg-color);
+ border: 1px solid transparent;
+ box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
+}
+.dropdown-item:hover, .dropdown-item:focus {
+ color: var(--text-hover);
+ text-decoration: none;
+ background-color: rgba(255, 255, 255, .08);
+}
+
+/* Input */
+[type="search"] {
+ outline-offset: -2px;
+ -webkit-appearance: none;
+ outline: none;
+ border: none;
+ border-radius: 5px;
+}
+button, select {
+ text-transform: none;
+ outline: none;
+}
\ No newline at end of file
diff --git a/CSS/themes/gaps/hotline.css b/CSS/themes/gaps/hotline.css
new file mode 100644
index 00000000..c0736a4a
--- /dev/null
+++ b/CSS/themes/gaps/hotline.css
@@ -0,0 +1,25 @@
+/* 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 */
+
+/* GAPS HOTLINE THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-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;
+
+ --button-color: hsla(0,0%,100%,.15);
+ --button-color-hover: hsla(0,0%,100%,.30);
+ --accent-color: #F44336;
+ --accent-color-hover: #0b3161;
+ --text: #eee;
+ --text-hover: #fff;
+}
\ No newline at end of file
diff --git a/CSS/themes/gaps/organizr-dark.css b/CSS/themes/gaps/organizr-dark.css
new file mode 100644
index 00000000..07829b49
--- /dev/null
+++ b/CSS/themes/gaps/organizr-dark.css
@@ -0,0 +1,25 @@
+/* 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 */
+
+/* GAPS ORGANIZR-DARK THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
+:root {
+ --main-bg-color: #1f1f1f;
+ --modal-bg-color: #1b1b1b;
+
+ --button-color: #2cabe3;
+ --button-color-hover: rgb(44 171 227 / .8);
+ --accent-color: #2cabe3;
+ --accent-color-hover: white;
+ --text: #eee;
+ --text-hover: #fff;
+ }
\ No newline at end of file
diff --git a/CSS/themes/gaps/plex.css b/CSS/themes/gaps/plex.css
new file mode 100644
index 00000000..545c0798
--- /dev/null
+++ b/CSS/themes/gaps/plex.css
@@ -0,0 +1,25 @@
+/* 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 */
+
+/* GAPS PLEX THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-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;
+
+ --button-color: #cc7b19;
+ --button-color-hover: #e59029;
+ --accent-color: #e5a00d;
+ --accent-color-hover: #ffc107;
+ --text: #eee;
+ --text-hover: #fff;
+ }
\ No newline at end of file
diff --git a/CSS/themes/gaps/space-gray.css b/CSS/themes/gaps/space-gray.css
new file mode 100644
index 00000000..5c1f578a
--- /dev/null
+++ b/CSS/themes/gaps/space-gray.css
@@ -0,0 +1,25 @@
+/* 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 */
+
+/* GAPS SPACE-GRAY THEME */
+@import url(https://gflix.app/theme.park/CSS/themes/gaps/gaps-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;
+
+ --button-color: #607D8B;
+ --button-color-hover: #81a6b7;
+ --accent-color: #607D8B;
+ --accent-color-hover: #81a6b7;
+ --text: #eee;
+ --text-hover: #fff;
+ }
\ No newline at end of file
diff --git a/README.md b/README.md
index 354980e5..b9c12a28 100644
--- a/README.md
+++ b/README.md
@@ -176,7 +176,10 @@
Adguard
- |
+
+ 
+Gaps
+ |
diff --git a/Screenshots/gaps/aquamarine.png b/Screenshots/gaps/aquamarine.png
new file mode 100644
index 00000000..896b0547
Binary files /dev/null and b/Screenshots/gaps/aquamarine.png differ
diff --git a/Screenshots/gaps/dark.png b/Screenshots/gaps/dark.png
new file mode 100644
index 00000000..bdb1b401
Binary files /dev/null and b/Screenshots/gaps/dark.png differ
diff --git a/Screenshots/gaps/hotline.png b/Screenshots/gaps/hotline.png
new file mode 100644
index 00000000..b32d3ee7
Binary files /dev/null and b/Screenshots/gaps/hotline.png differ
diff --git a/Screenshots/gaps/organizr-dark.png b/Screenshots/gaps/organizr-dark.png
new file mode 100644
index 00000000..9da70a6c
Binary files /dev/null and b/Screenshots/gaps/organizr-dark.png differ
diff --git a/Screenshots/gaps/plex.png b/Screenshots/gaps/plex.png
new file mode 100644
index 00000000..44c25ec5
Binary files /dev/null and b/Screenshots/gaps/plex.png differ
diff --git a/Screenshots/gaps/space-gray.png b/Screenshots/gaps/space-gray.png
new file mode 100644
index 00000000..279a4f92
Binary files /dev/null and b/Screenshots/gaps/space-gray.png differ