diff --git a/app/components/backgroundBeams.tsx b/app/components/backgroundBeams.tsx
index 4088b6ab5..ce0ebdff1 100644
--- a/app/components/backgroundBeams.tsx
+++ b/app/components/backgroundBeams.tsx
@@ -91,7 +91,7 @@ export function BackgroundBeamsDemo() {
                 duration: 0.8,
                 ease: "easeInOut",
               }}
-              className="bg-secondary justify-center items-center bg-four gap-2 text-sm font-normal border-1 border-pBorder p-2 px-4 md:p-3 md:px-5 rounded-full"
+              className="bg-secondary justify-center items-center bg-four gap-2 text-sm font-normal border-1 border-pBorder p-2 px-4 md:p-3 md:px-5 rounded-full transition-all hover:px-10 hover:bg-primary hover:text-third hover:pr-2 hover:mr-2 duration-1000  hover:bg-slate-800 hover:text-white "
             >
               
               Get started
diff --git a/app/globals.css b/app/globals.css
index 9fcd4bd2a..ed22d0ed9 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -34,21 +34,12 @@
 /* Dark mode variables */
 @media (prefers-color-scheme: dark) {
   :root {
-    --color-primary-bg: #0a0a0a;
-    --color-secondary-bg: #D9D9D9;
-    --color-third-bg: #FFFFFF;
-    --color-four-bg: #709b8c;
-
-    --color-primary-text: #5e716a;
-    --color-secondary-text: #709b8c;
-    --color-third-text: #5e716a;
-    --color-four-text: #2b312f;
-
-    --color-third-border: #e7f5f3;
-    --color-secondary-border: #abd4c5;
-    --color-primary-border: #3535359a;
-    --color-four-border: #b7d2c7;
-
+    --color-primary: #262626;
+    --color-secondary: #FFFFFF;
+    --color-third: #2cffbf;
+    --color-four: #4d5150;
+    --color-five: #79a091;
+    --color-six: #e6e6e6;
     /* --color-primary-bg: #100c13;
     --color-secondary-bg: #7e6194;
     --color-third-bg: #d6b4ee;