diff --git a/src/components/SettingDrawer/index.js b/src/components/SettingDrawer/index.js
index ea3113e07f2e3974bc7224051f1f3319f249e368..5d5eae0738722336c06ee132ecdd468cf695058b 100644
--- a/src/components/SettingDrawer/index.js
+++ b/src/components/SettingDrawer/index.js
@@ -111,7 +111,7 @@ class SettingDrawer extends PureComponent {
 
   render() {
     const { setting } = this.props;
-    const { collapse, silderTheme, primaryColor, layout, colorWeak } = setting;
+    const { collapse, navTheme, primaryColor, layout, colorWeak } = setting;
     return (
       <Drawer
         visible={collapse}
@@ -157,8 +157,8 @@ class SettingDrawer extends PureComponent {
                   url: 'https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg',
                 },
               ]}
-              value={silderTheme}
-              onChange={value => this.changeSetting('silderTheme', value)}
+              value={navTheme}
+              onChange={value => this.changeSetting('navTheme', value)}
             />
           </Body>
 
diff --git a/src/defaultSetting.js b/src/defaultSetting.js
index 8873d6a3bc43a2bd27b3e1f83b585e7345de5975..8d51b6bb49b17ddda59eed17ee621b5aa778da47 100644
--- a/src/defaultSetting.js
+++ b/src/defaultSetting.js
@@ -1,6 +1,6 @@
 module.exports = {
   collapse: false,
-  silderTheme: 'dark',
+  navTheme: 'dark',
   primaryColor: '#1890FF',
   layout: 'sidemenu',
   grid: 'Fluid',
diff --git a/src/layouts/BasicLayout.js b/src/layouts/BasicLayout.js
index 0e5753679f791485969d775d1463d66aecec2422..288f0424cac15593e2c593db3c66f98fc5d3f127 100644
--- a/src/layouts/BasicLayout.js
+++ b/src/layouts/BasicLayout.js
@@ -217,7 +217,7 @@ class BasicLayout extends React.PureComponent {
 
   render() {
     const {
-      silderTheme,
+      navTheme,
       layout: PropsLayout,
       children,
       location: { pathname },
@@ -231,7 +231,7 @@ class BasicLayout extends React.PureComponent {
           <SiderMenu
             logo={logo}
             Authorized={Authorized}
-            theme={silderTheme}
+            theme={navTheme}
             onCollapse={this.handleMenuCollapse}
             menuData={menuData}
             {...this.props}
diff --git a/src/layouts/Header.js b/src/layouts/Header.js
index 3229daf902cf66be1006f2bb2a6b6649786574c9..cb3b2d7c47c4aac62c5491968d832665419d2d44 100644
--- a/src/layouts/Header.js
+++ b/src/layouts/Header.js
@@ -106,7 +106,7 @@ class HeaderView extends PureComponent {
 
   render() {
     const { isMobile, handleMenuCollapse, setting } = this.props;
-    const { silderTheme, layout, fixedHeader } = setting;
+    const { navTheme, layout, fixedHeader } = setting;
     const { visible } = this.state;
     const isTop = layout === 'topmenu';
     const HeaderDom = visible ? (
@@ -116,7 +116,7 @@ class HeaderView extends PureComponent {
       >
         {isTop && !isMobile ? (
           <TopNavHeader
-            theme={silderTheme}
+            theme={navTheme}
             mode="horizontal"
             Authorized={Authorized}
             onCollapse={handleMenuCollapse}