Update theme

Author: LyricTian

config/config.js

@@ -26,7 +26,7 @@ const plugins = [
               include: ['dva', 'dva/router', 'dva/saga', 'dva/fetch'],
               exclude: ['@babel/runtime'],
             },
-            hardSource: true,
+            hardSource: false,
           }
         : {}),
     },
@@ -45,7 +45,7 @@ export default {
   // Theme for antd
   // https://ant.design/docs/react/customize-theme-cn
   theme: {
-    'primary-color': '#FA8C16',
+    'primary-color': '#2F54EB',
   },
   proxy: {
     '/api/': {

src/layouts/AdminLayout.js

@@ -45,6 +45,7 @@ const query = {
   selectedKeys: state.global.selectedKeys,
   user: state.global.user,
   menuPaths: state.global.menuPaths,
+  menuMap: state.global.menuMap,
   menus: state.global.menus,
   global: state.global,
 }))
@@ -91,9 +92,11 @@ class AdminLayout extends React.PureComponent {
   };
 
   onMenuOpenChange = openKeys => {
+    const { menuMap } = this.props;
+
     if (openKeys.length > 1) {
       const lastKey = openKeys[openKeys.length - 1];
-      if (lastKey.length === openKeys[0].length) {
+      if (!menuMap[lastKey].parent_path.startsWith(openKeys[0])) {
         this.dispatch({
           type: 'global/changeOpenKeys',
           payload: [lastKey],
@@ -246,6 +249,7 @@ class AdminLayout extends React.PureComponent {
             </Link>
           </div>
           <Menu
+            theme="dark"
             mode="inline"
             {...menuProps}
             onOpenChange={this.onMenuOpenChange}

src/layouts/AdminLayout.less

@@ -2,7 +2,7 @@
 
 .header {
   padding: 0 12px 0 0;
-  background: #fff;
+  background: #002140;
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
   position: relative;
 }
@@ -13,15 +13,15 @@
   line-height: 64px;
   padding-left: (@menu-collapsed-width - 32px) / 2;
   transition: all 0.3s;
-  background: #f0f2f5;
+  background: #002140;
   overflow: hidden;
   img {
     display: inline-block;
     vertical-align: middle;
     height: 32px;
   }
   h1 {
-    color: #000;
+    color: #fff;
     display: inline-block;
     vertical-align: middle;
     font-size: 18px;
@@ -31,6 +31,7 @@
 }
 
 i.trigger {
+  color: #fff;
   font-size: 20px;
   line-height: 64px;
   cursor: pointer;
@@ -50,6 +51,7 @@ i.trigger {
 .right {
   float: right;
   height: 100%;
+  color: #fff;
   .action {
     cursor: pointer;
     padding: 0 12px;
@@ -98,7 +100,6 @@ i.trigger {
 }
 
 .sider {
-  background: #fff;
   min-height: 100vh;
   position: relative;
   z-index: 10;