Tweak style

site/bisheng.config.js

@@ -30,11 +30,11 @@ module.exports = {
   themeConfig: {
     categoryOrder: {
       'Ant Design': 0,
-      设计原则: 1,
+      原则: 1,
       Principles: 1,
-      视觉语言: 2,
+      视觉: 2,
       Visual: 2,
-      模式语言: 3,
+      模式: 3,
       Patterns: 3,
       资源: 6,
       Resources: 6,

site/theme/static/common.less

@@ -29,11 +29,10 @@ a {
 
 .main-container {
   padding: 0 170px 144px 64px;
-  margin-left: -1px;
   background: #fff;
   min-height: 500px;
   overflow: hidden;
-  border-left: 1px solid #e9e9e9;
+  border-left: 1px solid @site-border-color-split;
   position: relative;
 }
 
@@ -44,6 +43,7 @@ a {
 .aside-container {
   padding-bottom: 50px;
   font-family: Lato, @font-family;
+  border: none;
 
   &.ant-menu-inline .ant-menu-submenu-title h4,
   &.ant-menu-inline > .ant-menu-item,

site/theme/static/header.less

@@ -48,7 +48,7 @@
 }
 
 #search-box {
-  border-left: 1px solid #ebedee;
+  border-left: 1px solid @site-border-color-split;
   float: left;
   height: 22px;
   line-height: 22px;
@@ -69,6 +69,10 @@
   border: 0;
   box-shadow: none;
   background: transparent;
+
+  &::placeholder {
+    color: #a3b1bf;
+  }
 }
 
 .header-lang-button,

site/theme/static/markdown.less

@@ -13,6 +13,7 @@
 }
 
 .markdown p > img {
+  margin: 34px 0;
   box-shadow: 0 8px 20px rgba(143, 168, 191, 0.35);
 }
 
@@ -55,8 +56,8 @@
 .markdown hr {
   height: 1px;
   border: 0;
-  background: #e9e9e9;
-  margin: 16px 0;
+  background: @site-border-color-split;
+  margin: 72px 0;
   clear: both;
 }
 

site/theme/static/preview-img.less

@@ -1,6 +1,6 @@
 .preview-image-boxes {
   float: right;
-  margin: 0 0 70px 20px;
+  margin: 0 0 64px 20px;
   width: 496px;
   clear: both;
 

site/theme/static/resource.less

@@ -65,6 +65,6 @@
 
 .resource-card-description {
   display: block;
-  color: #999;
+  color: #697b8c;
   padding-right: 8px;
 }

site/theme/template/Layout/Header.jsx

@@ -210,7 +210,7 @@ export default class Header extends React.Component {
           <Col xxl={4} xl={5} lg={5} md={8} sm={24} xs={24}>
             <Link to={utils.getLocalizedPathname('/', isZhCN)} id="logo">
               <img alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" />
-              <img alt="Ant Design" src="https://gw.alipayobjects.com/zos/rmsportal/DmMsyewtkhAzjNkeGnYe.svg" />
+              <img alt="Ant Design" src="https://gw.alipayobjects.com/zos/rmsportal/DkKNubTaaVsKURhcVGkh.svg" />
             </Link>
           </Col>
           <Col xxl={20} xl={19} lg={19} md={16} sm={0} xs={0}>