diff --git a/examples/sites/src/views/components-doc/common.vue b/examples/sites/src/views/components-doc/common.vue
index 01b80b3f98..25d62f319e 100644
--- a/examples/sites/src/views/components-doc/common.vue
+++ b/examples/sites/src/views/components-doc/common.vue
@@ -457,7 +457,6 @@ defineExpose({ loadPage })
       position: sticky;
       top: 0;
       z-index: var(--docs-tabs-header-zindex);
-      background-color: #fff;
 
       &::after {
         content: '';
@@ -467,7 +466,7 @@ defineExpose({ loadPage })
         display: block;
         width: 100%;
         height: 16px;
-        background: linear-gradient(to bottom, #fff, transparent);
+        background: linear-gradient(to bottom, var(--tv-color-bg-secondary), transparent);
         transform: translateY(100%);
       }
 
diff --git a/packages/theme/src/grid/vars.less b/packages/theme/src/grid/vars.less
index a130140a1f..f059a57994 100644
--- a/packages/theme/src/grid/vars.less
+++ b/packages/theme/src/grid/vars.less
@@ -59,7 +59,7 @@
   // 表头垂直间距
   --tv-Grid-header-padding-y: 4px;
   // 表头背景颜色
-  --tv-Grid-header-bg-color: var(--tv-color-bg);
+  --tv-Grid-header-bg-color: var(--tv-color-bg-header);
   // 表头悬浮高亮背景色
   --tv-Grid-header-bg-color-hover: var(--tv-color-bg-hover-1);
   // 表头字体颜色