update theme

src/components/Layout/Bread.less

@@ -1,4 +1,4 @@
-@import "../vars.less";
+@import "../../themes/vars.less";
 
 .bread {
   height: 64px;

src/components/Layout/Footer.less

@@ -1,4 +1,4 @@
-@import "../vars.less";
+@import "../../themes/vars.less";
 
 .footer {
   height: 48px;

src/components/Layout/Header.less

@@ -1,4 +1,4 @@
-@import "../vars.less";
+@import "../../themes/vars.less";
 
 .header {
   :global .ant-menu-horizontal {

src/components/Layout/Layout.less

@@ -1,4 +1,4 @@
-@import "../vars.less";
+@import "../../themes/vars.less";
 
 .layout {
   position: relative;

src/components/Layout/Sider.less

@@ -1 +1 @@
-@import "../vars.less";
+@import "../../themes/vars.less";

src/components/skin.less

@@ -1,145 +0,0 @@
-@import "./vars.less";
-
-body {
-  height: 100%;
-  overflow-y: hidden;
-  background-color: #f8f8f8;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: #e6e6e6;
-}
-
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-:global {
-  .ant-breadcrumb {
-    & > span {
-      &:last-child {
-        color: #999;
-        font-weight: normal;
-      }
-    }
-  }
-
-  .ant-breadcrumb-link {
-    .anticon + span {
-      margin-left: 4px;
-    }
-  }
-
-  .ant-table {
-    .ant-table-thead > tr > th {
-      text-align: center;
-    }
-
-    .ant-table-tbody > tr > td {
-      text-align: center;
-    }
-
-    &.ant-table-small {
-      .ant-table-thead > tr > th {
-        background: #f7f7f7;
-      }
-
-      .ant-table-body > table {
-        padding: 0;
-      }
-    }
-  }
-
-  .ant-table-pagination {
-    float: none!important;
-    display: table;
-    margin: 16px auto !important;
-  }
-
-  .ant-popover-inner {
-    border: none;
-    border-radius: 0;
-    box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
-  }
-
-  .vertical-center-modal {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .ant-modal {
-      top: 0;
-
-      .ant-modal-body {
-        max-height: 80vh;
-        overflow-y: auto;
-      }
-    }
-  }
-
-  .ant-form-item-control {
-    vertical-align: middle;
-  }
-
-  .ant-modal-mask {
-    background-color: rgba(55, 55, 55, 0.2);
-  }
-
-  .ant-modal-content {
-    box-shadow: none;
-  }
-
-  .ant-card {
-    &:hover {
-      overflow: auto;
-    }
-  }
-
-  .ant-pagination-item {
-    margin-bottom: 8px;
-  }
-
-  .ant-select-dropdown-menu-item {
-    padding: 12px 16px !important;
-  }
-
-  .margin-right {
-    margin-right: 16px;
-  }
-
-  a:focus {
-    text-decoration: none;
-  }
-}
-@media (min-width: 1600px) {
-  .ant-col-xl-48 {
-    width: 20%;
-  }
-
-  .ant-col-xl-96 {
-    width: 40%;
-  }
-}
-@media (min-width: 1600px) {
-  .ant-col-xl-48 {
-    width: 20%;
-  }
-
-  .ant-col-xl-96 {
-    width: 40%;
-  }
-}
-@media (max-width: 767px) {
-  :global {
-    .ant-card {
-      .ant-card-head {
-        padding: 0 12px;
-      }
-
-      .ant-card-body {
-        padding: 12px;
-      }
-    }
-  }
-}

src/components/vars.less

@@ -1,16 +0,0 @@
-@import '~antd/lib/style/themes/default.less'; // https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
-/*========================*/
-/*=======Antd Admin=======*/
-/*========================*/
-@dark-half: #494949;
-@purple: #d897eb;
-@shadow-1: 4px 4px 20px 0 rgba(0,0,0,0.01);
-@shadow-2: 4px 4px 40px 0 rgba(0,0,0,0.05);
-@transition-ease-in: all 0.3s @ease-in;
-@transition-ease-out: all 0.3s @ease-out;
-
-.text-overflow() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}