diff --git a/public/css/header-line.css b/public/css/header-line.css
index 6027571..dfebf3b 100644
--- a/public/css/header-line.css
+++ b/public/css/header-line.css
@@ -4,5 +4,11 @@
     left: 0;
     width: 100%;
     height: 1px;
-    background-color: var(--primary);
+    background: linear-gradient(
+        90deg,
+        var(--primary-gradient-1),
+        var(--primary-gradient-2),
+        var(--primary-gradient-3),
+        var(--primary-gradient-4)
+    );
 }
diff --git a/public/css/header.css b/public/css/header.css
index 2fb2ea4..4a6e7c2 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -58,7 +58,7 @@ header {
     padding: 0.5rem 0.8rem;
     border-radius: var(--border-radius);
     position: relative;
-    background-color: rgba(var(--bg-hover-rgb), 0.4);
+    background-color: rgba(var(--bg-hover-nav), 0.4);
     letter-spacing: 0.3px;
 }
 
diff --git a/public/css/variables.css b/public/css/variables.css
index dfcaaa9..b393e51 100644
--- a/public/css/variables.css
+++ b/public/css/variables.css
@@ -6,14 +6,15 @@
     --primary-gradient-3: #5743ed;
     --primary-gradient-4: #784dd9;
     
-    --bg-main: #ffffff;
-    --bg-card: #f5f5f5;
+    --bg-main: #f8f8f8;
+    --bg-card: #f1f1f1;
     --text: #333333;
     --text-muted: #666666;
-    --header-gradient-1: rgba(220, 220, 220, 0.9);
-    --header-gradient-2: rgba(235, 235, 235, 0.9);
+    --header-gradient-1: rgba(237, 237, 237, 0.9);
+    --header-gradient-2: rgba(228, 228, 228, 0.9);
     --border-color: rgba(58, 123, 224, 0.1);
-    --bg-hover-rgb: 207, 207, 207;
+    --bg-hover-rgb: 228, 228, 228;
+    --bg-hover-nav: 241, 241, 241;
 }
 
 [data-theme="dark"] {
@@ -24,6 +25,7 @@
     --header-gradient-1: rgba(14, 14, 14, 0.9);
     --header-gradient-2: rgba(41, 41, 41, 0.9);
     --bg-hover-rgb: 17, 17, 17;
+    --bg-hover-nav: 20, 20, 20;
 }
 
 /* Common tokens */