diff --git a/CSS/themes/dozzle/aquamarine.css b/CSS/themes/dozzle/aquamarine.css
index 129ed7e8..b2294253 100644
--- a/CSS/themes/dozzle/aquamarine.css
+++ b/CSS/themes/dozzle/aquamarine.css
@@ -13,17 +13,12 @@
 
 /* DOZZLE AQUAMARINE THEME */
 @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-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;
-  --accent-color: 0, 150, 136;
-  --button-color: #009688;
-  --button-color-hover: #12afa0;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-  --text-strong-color: #fff;
-  --text-color: #eee;
-  --text-muted: #999;
+  --scheme-main-ter: var(--main-bg-color);
+  --text-strong-color: var(--button-text-hover);
   --border-color: rgb(255 255 255 / 25%);
   --logo-color: rgb(var(--accent-color));
   --body-background-color: var(--main-bg-color);
diff --git a/CSS/themes/dozzle/dark.css b/CSS/themes/dozzle/dark.css
index 687995d9..dcc68fe9 100644
--- a/CSS/themes/dozzle/dark.css
+++ b/CSS/themes/dozzle/dark.css
@@ -13,17 +13,12 @@
 
 /* DOZZLE DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/variables/dark.css);
+
+/* APP VARS */
 :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;
-  --accent-color:  100, 100, 100;
-  --button-color: hsla(0,0%,100%,.15);
-  --button-color-hover: hsla(0,0%,100%,.30);
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-  --text-color: #eee;
-  --text-strong-color: #fff;
-  --text-muted: #727272;
+  --scheme-main-ter: var(--main-bg-color);
+  --text-strong-color: var(--button-text-hover);
   --border-color: rgb(255 255 255 / 25%);
   --logo-color: rgb(var(--accent-color));
   --body-background-color: var(--main-bg-color);
diff --git a/CSS/themes/dozzle/dozzle-base.css b/CSS/themes/dozzle/dozzle-base.css
index 0802ee8c..a293e6ee 100644
--- a/CSS/themes/dozzle/dozzle-base.css
+++ b/CSS/themes/dozzle/dozzle-base.css
@@ -17,7 +17,13 @@
 html,
 body {
     background: var(--main-bg-color) !important;
-    color: var(--text-color);
+    color: var(--text);
+}
+
+h1, h2, h3, h4, h5, h6,
+section header,
+.menu-label {
+    color: var(--text-hover) !important;
 }
 
 
@@ -51,16 +57,17 @@ html.has-custom-scrollbars section main {
 /* Text important */
 p,
 .menu-list a {
-    color: var(--text-color) !important;
+    color: var(--text) !important;
 
 }
 
 .panel-heading {
     background-color: rgb(var(--accent-color));
+    color: var(--label-text-color) !important;
 }
 
 .panel-block {
-    color: var(--text-color);
+    color: var(--text);
 }
 
 .panel-tabs a.is-active {
@@ -70,7 +77,7 @@ p,
 
 .panel-tabs a {
     border-bottom: 1px solid var(--border-color);
-    color: var(--text-color);
+    color: var(--text);
 }
 
 .panel-tabs a:hover {
@@ -87,13 +94,13 @@ label.panel-block:hover {
 /* Side Menu*/
 .menu-list a:hover {
     background-color: rgba(255, 255, 255, .08);
-    color: var(--text-strong-color);
+    color: var(--text-hover) !important;
 }
 
 .menu-list a.is-active,
 .menu-list a.is-active:hover {
     background-color: rgb(var(--accent-color));
-    color: #fff !important;
+    color: var(--label-text-color) !important;
 }
 
 .menu-list li:hover .column-icon:hover {
@@ -185,6 +192,16 @@ section .is-scrollbar-notification button {
     color: var(--button-text-hover) !important;
 }
 
+#hide-nav{
+    background: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+#hide-nav:hover{
+    border-color: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
 code {
     background: rgba(0, 0, 0, .35) !important;
 }
diff --git a/CSS/themes/dozzle/dracula.css b/CSS/themes/dozzle/dracula.css
new file mode 100644
index 00000000..22dcb6d3
--- /dev/null
+++ b/CSS/themes/dozzle/dracula.css
@@ -0,0 +1,26 @@
+
+/*    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			 */
+
+/* DOZZLE DRACULA THEME */
+@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/variables/dracula.css);
+
+/* APP VARS */
+:root {
+  --scheme-main-ter: var(--main-bg-color);
+  --text-strong-color: var(--button-text-hover);
+  --border-color: rgb(255 255 255 / 25%);
+  --logo-color: rgb(var(--accent-color));
+  --body-background-color: var(--main-bg-color);
+  --border-hover-color: rgb(var(--accent-color));
+}
\ No newline at end of file
diff --git a/CSS/themes/dozzle/hotline.css b/CSS/themes/dozzle/hotline.css
index b1d1c05e..c55431ba 100644
--- a/CSS/themes/dozzle/hotline.css
+++ b/CSS/themes/dozzle/hotline.css
@@ -13,17 +13,12 @@
 
 /* DOZZLE HOTLINE THEME */
 @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/variables/hotline.css);
+
+/* APP VARS */
 :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;
-  --accent-color:  244, 67, 54;
-  --button-color: hsla(0,0%,100%,.15);
-  --button-color-hover: hsla(0,0%,100%,.30);
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-  --text-color: #eee;
-  --text-strong-color: #fff;
-  --text-muted: #bbb;
+  --scheme-main-ter: var(--main-bg-color);
+  --text-strong-color: var(--button-text-hover);
   --border-color: rgb(255 255 255 / 25%);
   --logo-color: rgb(var(--accent-color));
   --body-background-color: var(--main-bg-color);
diff --git a/CSS/themes/dozzle/organizr-dark.css b/CSS/themes/dozzle/organizr-dark.css
index 8fbe2a11..ca21a4fb 100644
--- a/CSS/themes/dozzle/organizr-dark.css
+++ b/CSS/themes/dozzle/organizr-dark.css
@@ -13,17 +13,12 @@
 
 /* DOZZLE ORGANIZR-DARK THEME */
 @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
+
+/* APP VARS */
 :root {
-  --main-bg-color: #1f1f1f;
-  --modal-bg-color: #1b1b1b;
-  --accent-color: 44, 171, 227;
-  --button-color: #2cabe3;
-  --button-color-hover: rgb(44 171 227 / .8);
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-  --text-color: #96a2b4;
-  --text-strong-color: #fff;
-  --text-muted: #bbb;
+  --scheme-main-ter: var(--main-bg-color);
+  --text-strong-color: var(--button-text-hover);
   --border-color: rgb(255 255 255 / 25%);
   --logo-color: rgb(var(--accent-color));
   --body-background-color: var(--main-bg-color);
diff --git a/CSS/themes/dozzle/plex.css b/CSS/themes/dozzle/plex.css
index 8cc2a65e..0336c880 100644
--- a/CSS/themes/dozzle/plex.css
+++ b/CSS/themes/dozzle/plex.css
@@ -13,17 +13,12 @@
 
 /* DOZZLE PLEX THEME */
 @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/variables/plex.css);
+
+/* APP VARS */
 :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;
-  --accent-color: 229, 160, 13;
-  --button-color: #cc7b19;
-  --button-color-hover: #e59029;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-  --text-color: #eee;
-  --text-strong-color: #fff;
-  --text-muted: #bbb;
+  --scheme-main-ter: var(--main-bg-color);
+  --text-strong-color: var(--button-text-hover);
   --border-color: rgb(255 255 255 / 25%);
   --logo-color: rgb(var(--accent-color));
   --body-background-color: var(--main-bg-color);
diff --git a/CSS/themes/dozzle/space-gray.css b/CSS/themes/dozzle/space-gray.css
index 1e1515bf..7aa537d3 100644
--- a/CSS/themes/dozzle/space-gray.css
+++ b/CSS/themes/dozzle/space-gray.css
@@ -13,17 +13,12 @@
 
 /* DOZZLE SPACE GRAY THEME */
 @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/variables/space-gray.css);
+
+/* APP VARS */
 :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; 
-  --accent-color: 129, 166, 183;
-  --button-color: #607D8B;
-  --button-color-hover: #81a6b7;
-  --button-text: #eee;
-  --button-text-hover: #FFF;
-  --text-color: #eee;
-  --text-strong-color: #fff;
-  --text-muted: #bbb;
+  --scheme-main-ter: var(--main-bg-color);
+  --text-strong-color: var(--button-text-hover);
   --border-color: rgb(255 255 255 / 25%);
   --logo-color: rgb(var(--accent-color));
   --body-background-color: var(--main-bg-color);