diff --git a/revati-kadam-portfolio/css/components.css b/revati-kadam-portfolio/css/components.css
index d4093df..e0a034b 100644
--- a/revati-kadam-portfolio/css/components.css
+++ b/revati-kadam-portfolio/css/components.css
@@ -5,7 +5,7 @@ button {
 }
 
 .skills-btn {
-  background: #333;
+  background: var(--btn);
   color: white;
 }
 
diff --git a/revati-kadam-portfolio/css/layout.css b/revati-kadam-portfolio/css/layout.css
index 75ae192..7451434 100644
--- a/revati-kadam-portfolio/css/layout.css
+++ b/revati-kadam-portfolio/css/layout.css
@@ -5,7 +5,7 @@ body {
 .sidebar {
   width: 250px;
   height: 100vh;
-  background: #1a1a1a;
+  background: var(--sidebar);
   padding: 20px;
 }
 
diff --git a/revati-kadam-portfolio/css/style.css b/revati-kadam-portfolio/css/style.css
index 5b8d5d3..a5067d0 100644
--- a/revati-kadam-portfolio/css/style.css
+++ b/revati-kadam-portfolio/css/style.css
@@ -4,13 +4,15 @@
   --primary: #3b82f6;
   --card: #1e293b;
   --sidebar: #020617;
+  --btn: #333;
+  --secondary-bg: #1e293b;
 }
 
 /* ================= GLOBAL ================= */
 body {
   margin: 0;
   font-family: 'Segoe UI', sans-serif;
-  background: linear-gradient(135deg, var(--bg), #020617);
+  background: linear-gradient(135deg, var(--bg), var(--secondary-bg));
   color: var(--text);
   scroll-behavior: smooth;
 }
@@ -19,7 +21,7 @@ body {
 .sidebar {
   width: 250px;
   height: 100vh;
-  background: rgba(15, 23, 42, 0.7);
+  background: var(--sidebar);
   backdrop-filter: blur(10px);
   padding: 20px;
   position: fixed;
diff --git a/revati-kadam-portfolio/js/theme.js b/revati-kadam-portfolio/js/theme.js
index 49fcac6..ed271ac 100644
--- a/revati-kadam-portfolio/js/theme.js
+++ b/revati-kadam-portfolio/js/theme.js
@@ -3,9 +3,15 @@ function setTheme(mode){
     document.documentElement.style.setProperty('--bg','#f8fafc');
     document.documentElement.style.setProperty('--text','#111');
     document.documentElement.style.setProperty('--card','#e2e8f0');
+    document.documentElement.style.setProperty('--sidebar','#e2e8f0');
+    document.documentElement.style.setProperty('--btn','#f1f5f9');
+    document.documentElement.style.setProperty('--secondary-bg','#cbd5e1');
   } else {
     document.documentElement.style.setProperty('--bg','#0f172a');
     document.documentElement.style.setProperty('--text','#e5e7eb');
     document.documentElement.style.setProperty('--card','#1e293b');
+    document.documentElement.style.setProperty('--sidebar','#020617');
+    document.documentElement.style.setProperty('--btn','#333');
+    document.documentElement.style.setProperty('--secondary-bg','#1e293b');
   }
 }
\ No newline at end of file