diff --git a/packages/vant/src/empty/demo/index.vue b/packages/vant/src/empty/demo/index.vue
index 47790bcfb..5ea38da4c 100644
--- a/packages/vant/src/empty/demo/index.vue
+++ b/packages/vant/src/empty/demo/index.vue
@@ -74,7 +74,7 @@ const active = ref('error');
 
 <style lang="less">
 .demo-empty {
-  background: var(--van-background-color-light);
+  background: var(--van-background-2);
 
   .bottom-button {
     width: 160px;
diff --git a/packages/vant/src/space/demo/index.vue b/packages/vant/src/space/demo/index.vue
index e46fffb8d..7442ecf16 100644
--- a/packages/vant/src/space/demo/index.vue
+++ b/packages/vant/src/space/demo/index.vue
@@ -89,7 +89,7 @@ const align = ref('center');
 
 <style lang="less">
 .demo-space {
-  background: var(--van-background-color-light);
+  background: var(--van-background-2);
 
   .van-doc-demo-block {
     padding: 0 var(--van-padding-md);