layout theme

web/client/src/layout/components/header/index.js

@@ -38,14 +38,15 @@ const Header = props => {
                 </span>
                 <div className={styles['header-title']} style={{}}>
                     {/* <img src='/assets/images/logo.png' style={{ margin: '0 12px 4px 12px', height: 42, borderRadius: 4 }} /> */}
-                    运维巡检平台
+                    <div className={styles['title-cn']}>运维巡检平台</div>
+                    <div className={styles['title-en']}>RUNNING MANAGEMENT SYSTEM</div>
                 </div>
             </div>
             <div id="nav" className={styles['header-nav']}>
                 <Menu
                     mode='horizontal'
                     selectedKeys={[current]}
-                    style={{ border: 0, background: '#1890ff' }}
+                    style={{ border: 0, background: '#0B1930' }}
                     onClick={handelClick}
                     theme={'light'}
                     items={[{

web/client/src/layout/components/header/style.css

@@ -2,7 +2,7 @@
     position: relative;
     height: 65px;
     min-width: 520px;
-    background-color: #1890ff;
+    background-color: #0B1930;
 }
 
 .header-fold {
@@ -12,13 +12,26 @@
 }
 
 .header-title {
-    line-height: 60px;
+    margin-top: 19px;
+    height: 60px;
     display: inline-block;
-    font-size: 20px;
     color: #fff;
     text-shadow: 0 4px 3px rgba(54, 77, 108, 0.20);
 }
 
+.header-title .title-cn {
+    font-family: YouSheBiaoTiHei;
+    font-size: 18px;
+    line-height: 18px;
+    letter-spacing: 3px;
+}
+
+.header-title .title-en {
+    font-family: D-DINExp-Italic;
+    line-height: 8px;
+    font-size: 8px;
+}
+
 .header-nav {
     float: right;
 }

web/client/src/layout/components/sider/index.js

@@ -58,7 +58,7 @@ const Sider = (props) => {
 
     return (
         <Menu id="sider" mode="inline"
-            theme={'light'}
+            theme={'dark'}
             selectedKeys={selectedKeys}
             openKeys={openKeys}
             onSelect={(e) => {

web/client/src/layout/containers/layout/index.js

@@ -83,7 +83,7 @@ const LayoutContainer = props => {
             />
          </Layout.Header>
          <Layout>
-            <Layout.Sider trigger={null} collapsible collapsed={collapsed} theme={'light'}>
+            <Layout.Sider trigger={null} collapsible collapsed={collapsed} theme={'dark'}>
                <Sider
                   sections={sections}
                   dispatch={dispatch}