diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 29e88fa..a506623 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -104,7 +104,7 @@ const Footer = () => {
               <div className="text-sm text-slate-400">Topics Covered</div>
             </div>
             <div className="text-center">
-              <div className="text-2xl font-bold text-yellow-400">24/7</div>
+              <div className="text-2xl font-bold text-red-400">24/7</div>
               <div className="text-sm text-slate-400">Learning Support</div>
             </div>
           </div>
diff --git a/src/index.css b/src/index.css
index 33f1964..0a70730 100644
--- a/src/index.css
+++ b/src/index.css
@@ -57,7 +57,7 @@
       #1e1b4b 25%,
       #312e81 50%,
       #1e1b4b 75%,
-      #0f172a 100%
+      #0f172a 20%
     );
   }
 
@@ -94,7 +94,7 @@
     left: 10%;
     width: 2px;
     height: 2px;
-    background: #a855f7;
+    background: #52049b;
     border-radius: 50%;
     animation: float 6s ease-in-out infinite;
     box-shadow: 100px 200px 0 #8b5cf6, 200px 100px 0 #7c3aed,
@@ -238,7 +238,7 @@
 }
 
 .dark {
-  --background: oklch(0.145 0 0);
+  --background: oklch(46.975% 0.19643 307.716);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.205 0 0);
   --card-foreground: oklch(0.985 0 0);