diff --git a/components/layout/style/index.less b/components/layout/style/index.less
index 4a4edc664a..cd7fbbc89f 100644
--- a/components/layout/style/index.less
+++ b/components/layout/style/index.less
@@ -30,6 +30,7 @@
   }
 
   &-footer {
+    background: @layout-footer-background;
     padding: @layout-footer-padding;
     color: @text-color;
     font-size: @font-size-base;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index cbcc54a690..be3c000bb4 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -183,6 +183,7 @@
 // Layout
 @layout-body-background      : #ececec;
 @layout-header-background    : #404040;
+@layout-footer-background    : @layout-body-background;
 @layout-header-height        : 64px;
 @layout-header-padding       : 0 50px;
 @layout-footer-padding       : 24px 50px;