tweak bg color

Author: ryanphuang

assets/css/modern.css

@@ -3,8 +3,8 @@
 :root {
   --font-body: "Plus Jakarta Sans", sans-serif;
   --font-heading: "Newsreader", ui-serif, Georgia, serif;
-  --bg: #f3f6fb;
-  --bg-soft: #eaf0f8;
+  --bg: #f6f8fb;
+  --bg-soft: #eff3f8;
   --surface: #ffffff;
   --surface-subtle: #f7faff;
   --ink: #111d31;
@@ -39,7 +39,7 @@ body {
   line-height: 1.75;
   letter-spacing: 0.002em;
   text-rendering: optimizeLegibility;
-  background: #f4f7fb;
+  background: linear-gradient(180deg, #f8fafc 0%, #f5f7fb 52%, #f2f5f9 100%);
 }
 
 h1,
@@ -152,10 +152,10 @@ a:hover {
   margin-bottom: 0;
   padding: 10px 14px;
   border-radius: 0;
-  border: 1px solid #d9e5f2;
-  background: rgba(248, 251, 255, 0.88);
-  backdrop-filter: blur(10px);
-  box-shadow: var(--shadow-sm);
+  border: 1px solid #e3e9f1;
+  background: rgba(255, 255, 255, 0.9);
+  backdrop-filter: saturate(1.15) blur(8px);
+  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04), 0 10px 26px rgba(15, 23, 42, 0.06);
 }
 
 .header_area .navbar-brand {
@@ -185,16 +185,16 @@ a:hover {
   letter-spacing: 0.08em;
   text-transform: uppercase;
   border-radius: 999px;
-  color: #1a3558;
+  color: #314963;
   padding: 8px 11px;
   line-height: 1.2;
   transition: all 0.2s ease;
 }
 
 .header_area .navbar .nav .nav-item:hover .nav-link,
 .header_area .navbar .nav .nav-item.active .nav-link {
-  color: #143a72;
-  background: rgba(42, 91, 215, 0.14);
+  color: #173f73;
+  background: rgba(42, 91, 215, 0.1);
 }
 
 .header_area.navbar_fixed .main_menu {
@@ -1443,8 +1443,8 @@ a:hover {
     margin-top: 0;
     margin-bottom: 0;
     border-radius: 0;
-    border: 1px solid #d9e5f2;
-    background: rgba(248, 251, 255, 0.96);
+    border: 1px solid #e3e9f1;
+    background: rgba(255, 255, 255, 0.96);
   }
 
   .header_area .navbar-brand {
@@ -1630,13 +1630,14 @@ a:hover {
 }
 
 [data-theme="dark"] body {
-  background:
-    linear-gradient(180deg, #0b1423 0%, #0a1220 52%, #09101d 100%);
+  background: linear-gradient(180deg, #0c131d 0%, #0b1119 52%, #0a0f16 100%);
 }
 
 [data-theme="dark"] .header_area .navbar {
-  border-color: rgba(101, 141, 194, 0.55);
-  background: linear-gradient(180deg, rgba(16, 34, 58, 0.95), rgba(11, 24, 42, 0.95));
+  border-color: rgba(103, 121, 146, 0.38);
+  background: rgba(14, 22, 35, 0.88);
+  backdrop-filter: saturate(1.1) blur(8px);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 30px rgba(0, 0, 0, 0.32);
 }
 
 [data-theme="dark"] .header_area .navbar .nav .nav-item .nav-link {
@@ -1646,7 +1647,7 @@ a:hover {
 [data-theme="dark"] .header_area .navbar .nav .nav-item:hover .nav-link,
 [data-theme="dark"] .header_area .navbar .nav .nav-item.active .nav-link {
   color: #ffffff;
-  background: rgba(255, 255, 255, 0.14);
+  background: rgba(154, 195, 255, 0.16);
 }
 
 [data-theme="dark"] .header_area .navbar-brand {