diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index deb0568c3..1e2593403 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -608,7 +608,7 @@ es:
 }
 
 .bg-header {
-    background-color: var(--vn-section-color);
+    background-color: var(--vn-header-color);
     color: var(--vn-text-color);
 }
 
diff --git a/src/css/app.scss b/src/css/app.scss
index 27ed65534..3a33e3236 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -4,9 +4,10 @@
 
 body.body--light {
     --font-color: black;
+    --vn-header-color: #cecece;
+    --vn-page-color: #ffffff;
     --vn-section-color: #e0e0e0;
     --vn-section-hover-color: #b9b9b9;
-    --vn-page-color: #ffffff;
     --vn-text-color: var(--font-color);
     --vn-label-color: #5f5f5f;
     --vn-accent-color: #e7e3e3;
@@ -18,6 +19,7 @@ body.body--light {
     }
 }
 body.body--dark {
+    --vn-header-color: #5d5d5d;
     --vn-page-color: #222;
     --vn-section-color: #3d3d3d;
     --vn-section-hover-color: #747474;