diff --git a/packages/app/constants/defaultTheme.json b/packages/app/constants/defaultTheme.json
index 5ad356a4..1572f74b 100755
--- a/packages/app/constants/defaultTheme.json
+++ b/packages/app/constants/defaultTheme.json
@@ -1,44 +1,65 @@
 {
-    "staticVars": {
+    "defaultVars": {
         "backgroundBlur": "10px",
-        "appColor": "#ff6064",
-        "primaryColor": "#ff6064",
+        "colorPrimary": "#ff6064",
+        "app-color": "#ff6064",
         "backgroundColorTransparency": "0.8",
-        "backgroundImage": "none",
+        "backgroundImage": "",
         "fontFamily": "'Varela Round', sans-serif",
         "layoutMargin": "unset",
-        "layoutPadding": "10px",
+        "layoutPadding": "20px",
+        "borderRadius": "8px",
         "text-color-white": "#d2d2d2",
         "text-color-black": "#000000",
-        "page-transition-duration": "150ms"
+        "page-transition-duration": "150ms",
+        "backgroundSize": "cover",
+        "backgroundPosition": "center",
+        "backgroundRepeat": "no-repeat",
+        "backgroundAttachment": "fixed",
+        "compact-mode": false
     },
-    "defaultVariant": "light",
+    "defaultVariant": "dark",
     "variants": {
         "light": {
+            "bg_color_1": "255, 255, 255",
+            "bg_color_2": "200, 200, 200",
+            "bg_color_3": "150, 150, 150",
+            "bg_color_4": "100, 100, 100",
+            "bg_color_5": "45, 45, 45",
+            "bg_color_6": "0, 0, 0",
             "text-color": "var(--text-color-black)",
+            "svg-color": "var(--text-color)",
             "layoutBackgroundColor": "255, 255, 255",
+            "layout-background-contrast": "38, 38, 38",
             "background-color-primary": "#ffffff",
-            "background-color-primary2": "#f0f0f0",
+            "background-color-primary-2": "#f0f0f0",
             "shadow-color": "#4b4b4b7c",
             "background-color-accent": "#f0f2f5",
             "background-color-contrast": "#4b4b4b",
-            "border-color": "#4b4b4b2a",
+            "border-color": "rgba(75, 75, 75, 0.2)",
             "sidebar-background-color": "var(--background-color-accent)",
             "sidedrawer-background-color": "var(--background-color-accent)"
         },
         "dark": {
+            "bg_color_1": "38, 38, 38",
+            "bg_color_2": "65, 65, 65",
+            "bg_color_3": "90, 90, 90",
+            "bg_color_4": "115, 115, 115",
+            "bg_color_5": "140, 140, 140",
+            "bg_color_6": "165, 165, 165",
             "text-color": "var(--text-color-white)",
             "svg-color": "var(--text-color)",
             "shadow-color": "#1010107c",
             "layoutBackgroundColor": "38, 38, 38",
+            "layout-background-contrast": "255, 255, 255",
             "background-color-primary": "#262626",
-            "background-color-primary2": "#2c2c2c",
+            "background-color-primary-2": "#2c2c2c",
             "background-color-accent": "#353535",
-            "background_disabled": "#0A0A0A",
             "background-color-contrast": "#ffffff",
-            "border-color": "#4b4b4b2a",
+            "background_disabled": "#0A0A0A",
+            "border-color": "rgba(170, 170, 170, 0.2)",
             "header-text-color": "#d2d2d2",
-            "button-background-color": "var(--primaryColor)",
+            "button-background-color": "var(--colorPrimary)",
             "button-text-color": "var(--background-color-contrast)",
             "sidebar-background-color": "var(--background-color-accent)",
             "sidedrawer-background-color": "var(--background-color-accent)"