diff --git a/components/layout/style/index.less b/components/layout/style/index.less
index 640ac61e0c..2b79a0e7d5 100644
--- a/components/layout/style/index.less
+++ b/components/layout/style/index.less
@@ -58,8 +58,8 @@
       cursor: pointer;
       height: @layout-trigger-height;
       line-height: @layout-trigger-height;
-      background: tint(@heading-color, 20%);
-      color: #fff;
+      background: @layout-trigger-background;
+      color: @layout-trigger-color;
     }
 
     &-zero-width {
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index bac9dbbf6a..6f5c81a179 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -189,6 +189,8 @@
 @layout-footer-padding       : 24px 50px;
 @layout-sider-background     : @layout-header-background;
 @layout-trigger-height       : 48px;
+@layout-trigger-background   : tint(@heading-color, 20%);
+@layout-trigger-color        : #fff;
 @layout-zero-trigger-width   : 36px;
 @layout-zero-trigger-height  : 42px;