diff --git a/src/layout/header-aside/layout.vue b/src/layout/header-aside/layout.vue
index 53af6d3d..2faec427 100644
--- a/src/layout/header-aside/layout.vue
+++ b/src/layout/header-aside/layout.vue
@@ -2,7 +2,7 @@
   <div
     class="d2-layout-header-aside-group"
     :style="styleLayoutMainGroup"
-    :class="{grayMode: isGrayMode}">
+    :class="{grayMode: grayActive}">
     <!-- 半透明遮罩 -->
     <div class="d2-layout-header-aside-mask"></div>
     <!-- 主体内容 -->
@@ -78,13 +78,11 @@ export default {
     }
   },
   computed: {
-    ...mapState('d2admin', [
-      'isGrayMode',
-      'pageOpenedList'
-    ]),
-    ...mapState('d2admin/menu', [
-      'asideCollapse'
-    ]),
+    ...mapState('d2admin', {
+      grayActive: state => state.gray.active,
+      pageOpenedList: 'pageOpenedList',
+      asideCollapse: state => state.menu.asideCollapse
+    }),
     ...mapGetters('d2admin', {
       keepAliveInclude: 'keepAliveInclude',
       themeActiveSetting: 'theme/activeSetting'
diff --git a/src/pages/demo/playground/store/gray/index.vue b/src/pages/demo/playground/store/gray/index.vue
index fa3521db..00b66824 100644
--- a/src/pages/demo/playground/store/gray/index.vue
+++ b/src/pages/demo/playground/store/gray/index.vue
@@ -1,12 +1,12 @@
 <template>
   <d2-container type="card" class="page-demo-playground-gray">
     <template slot="header">
-      <div class="colorful">{{isGrayMode ? 'GRAY' : 'COLORFUL'}}</div>
+      <div class="colorful">{{grayActive ? 'GRAY' : 'COLORFUL'}}</div>
     </template>
     <el-button-group>
-      <el-button @click="grayModeToggle">切换灰度模式</el-button>
-      <el-button @click="grayModeSet(true)">打开灰度模式</el-button>
-      <el-button @click="grayModeSet(false)">关闭灰度模式</el-button>
+      <el-button @click="grayToggle">切换灰度模式</el-button>
+      <el-button @click="graySet(true)">打开灰度模式</el-button>
+      <el-button @click="graySet(false)">关闭灰度模式</el-button>
       <el-button @click="dialogVisible = true">模拟报错提示框</el-button>
     </el-button-group>
     <el-dialog
@@ -47,20 +47,20 @@ export default {
     }
   },
   computed: {
-    ...mapState('d2admin', [
-      'isGrayMode'
-    ])
+    ...mapState('d2admin/gray', {
+      grayActive: 'active'
+    })
   },
   methods: {
-    ...mapMutations('d2admin', [
-      'grayModeToggle',
-      'grayModeSet'
-    ]),
+    ...mapMutations('d2admin/gray', {
+      grayToggle: 'toggle',
+      graySet: 'set'
+    }),
     handleDialogOpen () {
-      this.grayModeSet(true)
+      this.graySet(true)
     },
     handleDialogClosed () {
-      this.grayModeSet(false)
+      this.graySet(false)
     }
   }
 }
diff --git a/src/pages/demo/playground/store/sys/index.vue b/src/pages/demo/playground/store/sys/index.vue
index d51a9cf0..5708a447 100644
--- a/src/pages/demo/playground/store/sys/index.vue
+++ b/src/pages/demo/playground/store/sys/index.vue
@@ -36,7 +36,7 @@
         <el-col :span="8">
           <el-card shadow="never" class="d2-card d2-mb">
             <template slot="header">灰度模式</template>
-            <el-switch v-model="isGrayMode" active-text="打开" inactive-text="关闭" disabled/>
+            <el-switch v-model="grayActive" active-text="打开" inactive-text="关闭" disabled/>
           </el-card>
         </el-col>
         <el-col :span="8">
@@ -147,10 +147,11 @@ export default {
       themeList: state => state.theme.list,
       themeActiveName: state => state.theme.activeName,
       // 全屏
-      fullscreenActive: state => state.fullscreen.active
+      fullscreenActive: state => state.fullscreen.active,
+      // 灰度模式
+      grayActive: state => state.gray.active
     }),
     ...mapState('d2admin', [
-      'isGrayMode',
       'pagePool',
       'pageOpenedList',
       'pageCurrent'
diff --git a/src/store/modules/d2admin/index.js.REMOVED.git-id b/src/store/modules/d2admin/index.js.REMOVED.git-id
index df881c23..9975cccc 100644
--- a/src/store/modules/d2admin/index.js.REMOVED.git-id
+++ b/src/store/modules/d2admin/index.js.REMOVED.git-id
@@ -1 +1 @@
-33558b2365f6936e850cfc9012fbe3de139d35db
\ No newline at end of file
+7b5d8397bdcecf19c6a41794af54b11186811d0e
\ No newline at end of file
diff --git a/src/store/modules/d2admin/modules/account.js b/src/store/modules/d2admin/modules/account.js
index f2b44268..6f117dd5 100644
--- a/src/store/modules/d2admin/modules/account.js
+++ b/src/store/modules/d2admin/modules/account.js
@@ -66,18 +66,18 @@ export default {
       }
       // 判断是否需要确认
       if (confirm) {
-        commit('d2admin/grayModeSet', true, { root: true })
+        commit('d2admin/gray/set', true, { root: true })
         vm.$confirm('注销当前账户吗?  打开的标签页和用户设置将会被保存。', '确认操作', {
           confirmButtonText: '确定注销',
           cancelButtonText: '放弃',
           type: 'warning'
         })
           .then(() => {
-            commit('d2admin/grayModeSet', false, { root: true })
+            commit('d2admin/gray/set', false, { root: true })
             logout()
           })
           .catch(() => {
-            commit('d2admin/grayModeSet', false, { root: true })
+            commit('d2admin/gray/set', false, { root: true })
             vm.$message('放弃注销用户')
           })
       } else {
diff --git a/src/store/modules/d2admin/modules/gray.js b/src/store/modules/d2admin/modules/gray.js
new file mode 100644
index 00000000..137ddd00
--- /dev/null
+++ b/src/store/modules/d2admin/modules/gray.js
@@ -0,0 +1,24 @@
+export default {
+  namespaced: true,
+  state: {
+    // 灰度
+    active: false
+  },
+  mutations: {
+    /**
+     * @description 切换灰度状态
+     * @param {Object} state vuex state
+     */
+    toggle (state) {
+      state.active = !state.active
+    },
+    /**
+     * @description 设置灰度模式
+     * @param {Object} state vuex state
+     * @param {Boolean} value new value
+     */
+    set (state, value) {
+      state.active = value
+    }
+  }
+}