diff --git a/CSS/themes/flood/aquamarine.css b/CSS/themes/flood/aquamarine.css
index dc025286..4a6f78e1 100644
--- a/CSS/themes/flood/aquamarine.css
+++ b/CSS/themes/flood/aquamarine.css
@@ -12,22 +12,9 @@
 
 /* FLOOD AQUAMARINE THEME */
 @import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
+@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
 
+/* APP VARS */
 :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;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-
   --accent-color: 18, 175, 160;
-  --accent-color-hover: #009688;
-  --queue-color: #009688;
-  --link-color: #0ed2bf;
-  --link-color-hover: #fff;
-
-  --text: #eee;
-  --text-hover: #fff;
-}
\ No newline at end of file
+  }
\ No newline at end of file
diff --git a/CSS/themes/flood/dark.css b/CSS/themes/flood/dark.css
index 7b13894c..b35495d5 100644
--- a/CSS/themes/flood/dark.css
+++ b/CSS/themes/flood/dark.css
@@ -12,22 +12,4 @@
 
 /* FLOOD DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/flood/flood-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);
-  --button-text: #eee;
-  --button-text-hover: #fff;
-
-  --accent-color: 100, 100, 100;
-  --accent-color-hover: #ffffff73;
-  --queue-color: #6b5;
-  --link-color: #ddd;
-  --link-color-hover: #fff;
-
-  --text: #eee;
-  --text-hover: #fff;
-}
\ 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/flood/dracula.css b/CSS/themes/flood/dracula.css
new file mode 100644
index 00000000..8cb68d48
--- /dev/null
+++ b/CSS/themes/flood/dracula.css
@@ -0,0 +1,15 @@
+/*    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			 */
+
+/* FLOOD DRACULA THEME */
+@import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
+@import url(https://theme-park.dev/CSS/variables/dracula.css);
\ No newline at end of file
diff --git a/CSS/themes/flood/flood-base.css b/CSS/themes/flood/flood-base.css
index 88a20d56..3de1b9a7 100644
--- a/CSS/themes/flood/flood-base.css
+++ b/CSS/themes/flood/flood-base.css
@@ -47,9 +47,10 @@ h4,
 h5,
 h6,
 p,
+.inverse .h1, .inverse .h2, .inverse .h3, .inverse .h4, .inverse .h5, .inverse .h6, .inverse h1, .inverse h2, .inverse h3, .inverse h4, .inverse h5, .inverse h6
 .dark .torrents__alert,
 .torrents__alert {
-    color: var(--text);
+    color: var(--text-hover);
 }
 
 /* AUTH PAGE */
@@ -141,6 +142,10 @@ p,
     fill: rgb(var(--accent-color));
 }
 
+.form__element__addon .icon {
+    fill: var(--text-hover);
+}
+
 .select__item--is-selected .icon {
     fill: rgb(var(--accent-color));
 }
@@ -293,7 +298,7 @@ p,
 .table__row--heading {
     background: rgba(255, 255, 255, .15);
     box-shadow: 0 1px 0 hsl(0deg 0% 100% / 12%);
-    color: #fff;
+    color: var(--text-hover);
 }
 
 .dark .torrent__detail--name,
@@ -315,6 +320,12 @@ p,
     color: #39ce83;
     font-weight: 500;
 }
+.dark .torrent--is-condensed.torrent--is-selected .torrent__detail,
+.torrent--is-condensed.torrent--is-selected .torrent__detail,
+.dark .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail,
+.torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail {
+    color: var(--label-text-color);
+}
 
 .table__heading:focus-visible,
 .table__heading:hover,
@@ -377,12 +388,16 @@ p,
 
 .torrent-details__section--file-tree .directory-tree__parent-directory,
 .dark .torrent-details__section--file-tree .directory-tree__parent-directory {
-    color: rgba(var(--accent-color), .6);
+    color: var(--text-hover);
 }
 
+.dark .torrent-details__table__heading--primary,
 .torrent-details__table__heading--primary,
-.torrent-details__table__heading--secondary {
-    color: rgba(var(--accent-color), .6);
+.dark .torrent-details__table__heading--secondary
+.torrent-details__table__heading--secondary,
+.dark .torrent-details__table__heading--tertiary,
+.torrent-details__table__heading--tertiary {
+    color: var(--text-hover);
 }
 
 .torrent-details__section .badge {
@@ -437,7 +452,9 @@ p,
     box-shadow: 1px 0 hsl(0deg 0% 100% / 12%);
     color: var(--text);
 }
-
+.sidebar-filter__item--heading, .sidebar-filter__item--heading:focus-visible, .sidebar-filter__item--heading:hover {
+    color: var(--text-hover) !important;
+}
 .dark .sidebar-filter__item,
 .sidebar-filter__item {
     color: var(--text);
@@ -456,18 +473,25 @@ p,
 .dark .sidebar-filter__item.is-active .badge,
 .sidebar-filter__item.is-active .badge {
     background: rgb(var(--accent-color));
-    color: var(--button-text-hover);
+    color: var(--label-text-color);
 }
 
 .dark .sidebar-filter__item .icon,
 .sidebar-filter__item .icon {
-    fill: hsla(0, 0%, 100%, .38);
+    fill: rgb(var(--accent-color), .3);
 }
 
 .sidebar-filter .badge,
 .dark .sidebar-filter .badge {
     background: rgb(var(--accent-color), .3);
-    color: var(--text);
+    color: var(--label-text-color);
+}
+
+.dark .sidebar-filter__item:focus-visible .icon, 
+.dark .sidebar-filter__item:hover .icon,
+.sidebar-filter__item:focus-visible .icon, 
+.sidebar-filter__item:hover .icon {
+    fill: rgb(var(--accent-color));
 }
 
 .dark .sidebar-filter__item:focus-visible,
@@ -481,7 +505,7 @@ p,
     background: rgba(var(--accent-color), .25);
     border-bottom: 1px solid rgba(var(--accent-color), .3);
     border-top: 1px solid rgba(var(--accent-color), .3);
-    color: var(--text);
+    color: #eee;
     padding-right: 45px;
 }
 
@@ -510,6 +534,13 @@ p,
     background: hsla(0, 0%, 100%, .12);
 }
 
+.torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon {
+    color: #ffffff;
+}
+.torrent--is-selected.torrent--is-stopped .progress-bar__fill {
+    background: #ffffff;
+}
+
 .dark .sidebar__icon-button,
 .sidebar__icon-button {
     color: var(--text);
@@ -546,13 +577,29 @@ p,
     background: var(--modal-bg-color);
 }
 
+.modal--vertical.modal--tabs-in-header .modal__header,
+.modal--vertical.modal--tabs-in-body .modal__tabs {
+    /* Modal side menu*/
+    background: rgb(0 0 0 / 45%) !important;
+    color: var(--text-hover);
+}
+
+.modal__tabs .modal__tab.is-active:after {
+    background: rgb(var(--accent-color));
+}
+.modal--vertical .modal__tabs .modal__tab:after {
+    width: 3px;
+}
+
 .modal__header {
-    color: var(--text);
+    color: var(--text-hover);
     box-shadow: inset 0 -1px 0 rgb(255 255 255 / 10%);
 }
 
 .modal__tabs .modal__tab.is-active {
-    color: rgb(var(--accent-color));
+    color: var(--text-hover);
+    background: rgb(255 255 255 / 15%);
+    border-radius: 3px 3px 0px 0px;
 }
 
 .modal__tabs {
diff --git a/CSS/themes/flood/hotline.css b/CSS/themes/flood/hotline.css
index 5f6d6594..199633f1 100644
--- a/CSS/themes/flood/hotline.css
+++ b/CSS/themes/flood/hotline.css
@@ -12,22 +12,4 @@
 
 /* FLOOD HOTLINE THEME */
 @import url(https://theme-park.dev/CSS/themes/flood/flood-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);
-  --button-text: #eee;
-  --button-text-hover: #fff;
-
-  --accent-color: 244, 67, 54;
-  --accent-color-hover: #0b3161;
-  --queue-color: #6b5;
-  --link-color: #0b3161;
-  --link-color-hover: #fff;
-
-  --text: #eee;
-  --text-hover: #fff;
-}
\ 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/flood/organizr-dark.css b/CSS/themes/flood/organizr-dark.css
index ad239510..d6628af0 100644
--- a/CSS/themes/flood/organizr-dark.css
+++ b/CSS/themes/flood/organizr-dark.css
@@ -12,22 +12,4 @@
 
 /* FLOOD ORGANIZR-DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/flood/flood-base.css);
-
-:root {
-  --main-bg-color: #1f1f1f;
-  --modal-bg-color: #1b1b1b;
-
-  --button-color: #2cabe3;
-  --button-color-hover: rgb(44 171 227 / .8);
-  --button-text: #eee;
-  --button-text-hover: #fff;
-
-  --accent-color: 44, 171, 227;
-  --accent-color-hover: white;
-  --queue-color: #2cabe3;
-  --link-color: #2cabe3;
-  --link-color-hover: #fff;
-
-  --text: #96a2b4;
-  --text-hover: #fff;
-}
\ 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/flood/plex.css b/CSS/themes/flood/plex.css
index a22cad48..2e0ac44c 100644
--- a/CSS/themes/flood/plex.css
+++ b/CSS/themes/flood/plex.css
@@ -12,22 +12,4 @@
 
 /* FLOOD PLEX THEME */
 @import url(https://theme-park.dev/CSS/themes/flood/flood-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;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-
-  --accent-color: 229, 160, 13;
-  --accent-color-hover: #ffc107;
-  --queue-color: #27c24c;
-  --link-color: #e5a00d;
-  --link-color-hover: #fff;
-
-  --text: #eee;
-  --text-hover: #fff;
-}
\ 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/flood/space-gray.css b/CSS/themes/flood/space-gray.css
index 2e16a1e6..4aa1f564 100644
--- a/CSS/themes/flood/space-gray.css
+++ b/CSS/themes/flood/space-gray.css
@@ -12,22 +12,4 @@
 
 /* FLOOD SPACE GRAY THEME */
 @import url(https://theme-park.dev/CSS/themes/flood/flood-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;
-  --button-text: #eee;
-  --button-text-hover: #fff;
-
-  --accent-color: 129, 166, 183;
-  --accent-color-hover: #607D8B;
-  --queue-color: #81a6b7;
-  --link-color: #9adfff;
-  --link-color-hover: #fff;
-
-  --text: #eee;
-  --text-hover: #fff;
-}
\ No newline at end of file
+@import url(https://theme-park.dev/CSS/variables/space-gray.css);
\ No newline at end of file