inl-ui 0.0.4 → 0.0.7

package/dist/style.css

@@ -1 +1 @@
-html{overflow:auto}#app{height:100vh;width:100vw}.flex{display:flex}.flex-center{align-items:center;display:flex}.flex-colume{flex-direction:column}.layout .LayoutHeader{background:#fff;display:flex;height:55px;line-height:55px}.layout .LayoutHeader.blue{background:linear-gradient(90deg,#3297ff,#286be6)}.layout .LayoutHeader.blue .logo{color:#fff;font-size:20px;font-weight:900}.layout .LayoutHeader.blue .ant-menu{color:hsla(0,0%,100%,.6)}.layout .LayoutHeader.blue .ant-menu .ant-menu-item-active,.layout .LayoutHeader.blue .ant-menu .ant-menu-item-open,.layout .LayoutHeader.blue .ant-menu .ant-menu-item-selected,.layout .LayoutHeader.blue .ant-menu .ant-menu-item:hover,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-active,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-open,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-selected,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu:hover{color:#fff}.layout .LayoutHeader.blue .ant-menu .ant-menu-item-active:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-item-open:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-item-selected:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-item:hover:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-active:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-open:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-selected:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu:hover:after{border-bottom:0}.layout .LayoutHeader.blue .ant-menu .ant-menu-item.ant-menu-item-selected{background:hsla(0,0%,100%,.1)}.layout .LayoutHeader.blue .avatarBox .username{color:#fff;font-size:16px}.layout .LayoutHeader .logo{width:200px}.layout .LayoutHeader ul.topMenu{background:transparent;border-bottom:0;flex:1;line-height:60px}.layout .LayoutHeader ul.topMenu li{border-bottom:0}.layout .LayoutHeader .avatarBox .ant-dropdown-trigger{font-size:22px;height:100%}.layout .LayoutHeader .avatarBox .ant-dropdown-trigger .username{height:30px;line-height:30px}.layout .LayoutHeader .avatarBox .ant-dropdown-trigger .anticon{font-size:20px}.layout .LayoutHeader .avatarBox .avatar{margin-left:10px}.layout .LayoutContent{padding:14px}.ant-menu-root.ant-menu-inline{border-right:0;overflow-x:hidden}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover{border-bottom:none}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{margin-right:0}.ant-menu-root>li>.ant-menu-submenu-title,.ant-menu-root>li>.ant-menu-title-content{font-weight:600}.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav:before,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav:before{display:block}.ant-tabs-nav .ant-tabs-tab{margin:0}.ant-table .ant-table-thead>tr>th{font-weight:600}.login_box{background-color:#fff;box-shadow:1px 1px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;height:29rem;overflow:hidden;width:25rem}.login_box .ant-form{padding:0 1rem}.login_box .ant-form-item{margin-bottom:.5rem}.login_box .ant-form-item .ant-btn,.login_box .ant-form-item input{border-radius:.5rem;height:40px}.login_box h3{font-weight:400;padding:2rem 0;text-align:center}.login_box .login_tab{display:flex;height:3rem}.login_box .login_tab .item{background:#ebf8ff;cursor:pointer;flex:1;line-height:2.8rem;opacity:.5;text-align:center;transition:all .3s ease}.login_box .login_tab .item.active,.login_box .login_tab .item:hover{background:linear-gradient(90deg,#2eb2ff,#6d71ff);color:#fff;opacity:.8}.login{display:flex;flex-direction:column;height:100vh}.login .title{align-items:center;display:flex;height:4.3rem;padding:0 5rem}.login .title img{width:42px}.login .title span{font-size:1.57rem;font-weight:400;padding-left:1rem}@media screen{.login .content_login{align-items:center;background-image:url(../img/loginBackground.png);background-position:center 0;background-size:cover;display:flex;flex:1;position:relative}.login .content_login .login_box{position:absolute;right:10rem}}@media screen and (max-width:768px){.login .content_login{justify-content:center}.login .content_login .login_box{position:static;right:0}}.login .copyright-information{color:#666;font-size:14px;height:30px;line-height:30px;margin:0 10px;padding:0;text-align:center}.login .copyright-information a{color:#666;text-decoration:none}.menu-manager{display:flex;gap:32px;height:100%}.menu-manager .tree{width:300px}.menu-manager .tree .menu-select-tree .utils-container{display:flex;gap:8px;justify-content:flex-end}.menu-manager .tree .menu-select-tree .tree-container{padding:8px}.menu-manager .tree .menu-select-tree .tree-container .ant-tree-show-line .ant-tree-indent-unit:before{border-right:1px dashed #d9d9d9}.menu-manager .right-detail{flex:auto}.menu-manager .right-detail .menu-detail .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.menu-manager .right-detail .menu-detail .header .header-text{font-size:16px;font-weight:700}.menu-manager .right-detail .menu-detail .form{max-width:500px}.tree-cotextmenu .context-utils{display:flex;gap:8px}.util-item{border:1px solid #ccc;border-radius:50%;color:#ccc;cursor:pointer;line-height:1;margin:8px 0;padding:4px}.param-manager .tab-item .operation{text-align:right}.param-manager .tab-item .operation>.ant-space{position:absolute;right:0;top:0}.param-manager .tab-item .group-container .group-item-title{font-size:14px;font-weight:600}.param-manager .tab-item .group-container .collapse-container{margin:16px 0}.param-manager .tab-item .group-container .collapse-container .header{align-items:center;display:flex;line-height:1;padding-left:16px;position:relative}.param-manager .tab-item .group-container .collapse-container .header .container-title{font-size:14px;font-weight:600}.param-manager .tab-item .group-container .collapse-container .header:before{background-color:#4b7ff7;bottom:0;content:" ";left:0;position:absolute;top:0;width:2px}.systemManager{height:100%;width:100%}.systemManager .LayoutSider{background:#fff;margin-right:14px;overflow:auto}.depManager,.logManager,.personalSetting,.postManager,.role-manager,.userManager{display:flex;flex-direction:column}.depManager .control,.logManager .control,.personalSetting .control,.postManager .control,.role-manager .control,.userManager .control{margin-bottom:16px}.depManager .titleLine,.logManager .titleLine,.personalSetting .titleLine,.postManager .titleLine,.role-manager .titleLine,.userManager .titleLine{display:flex;justify-content:space-between;margin-bottom:10px}.depManager .titleLine .title,.logManager .titleLine .title,.personalSetting .titleLine .title,.postManager .titleLine .title,.role-manager .titleLine .title,.userManager .titleLine .title{font-weight:bolder}.depManager .searchLine,.logManager .searchLine,.personalSetting .searchLine,.postManager .searchLine,.role-manager .searchLine,.userManager .searchLine{justify-content:space-between;margin-bottom:10px}.logModal .col{display:flex;margin-bottom:10px}.logModal .col .label{color:gray;min-width:140px;padding:0 10px;text-align:right}.depManager{flex-direction:row}.depManager .left{margin-right:20px;width:300px}.depManager .right{flex:1}.depManager .right .basic-info .basic-info-header{display:flex;font-weight:600;justify-content:space-between}.depManager .right .basic-info .basic-info-header .basic-info-title,.depManager .right .employee-container .title{color:#31363c;font-size:18px;font-weight:600}.depManager .right .employee-container .operation{display:flex;justify-content:space-between;margin-bottom:16px}.about{display:flex;flex-direction:column;padding:40px}.about .logoLine{justify-content:space-between}.about .logoLine .logo{margin-bottom:40px;width:600px}.about .titleLine{display:flex;justify-content:space-between;margin-bottom:10px}.about .titleLine .title{font-weight:bolder}.about .titleLine .title:before{border-left:2px solid #37f;content:"";height:10px;margin-right:12px}.about .card{background:#f8f7fc;color:rgba(0,0,0,.45);margin:0 0 20px 16px}.about .litTitle{margin:0 0 4px 20px}.about .down{margin:10px 0 20px 16px}.about .info{width:800px}.about .infoBtn{margin:10px 0}.about .update{position:absolute;right:65px;top:220px}.tp_box{display:flex;flex-direction:column;height:100vh;width:100vw}.tp_box #tp{flex:1}
+html{overflow:auto}#app{height:100vh;width:100vw}.flex{display:flex}.flex-center{align-items:center;display:flex}.flex-colume{flex-direction:column}.layout .LayoutHeader{background:#fff;display:flex;height:55px;line-height:55px}.layout .LayoutHeader.blue{background:linear-gradient(90deg,#3297ff,#286be6)}.layout .LayoutHeader.blue .logo{color:#fff;font-size:20px;font-weight:900}.layout .LayoutHeader.blue .ant-menu{color:hsla(0,0%,100%,.6)}.layout .LayoutHeader.blue .ant-menu .ant-menu-item-active,.layout .LayoutHeader.blue .ant-menu .ant-menu-item-open,.layout .LayoutHeader.blue .ant-menu .ant-menu-item-selected,.layout .LayoutHeader.blue .ant-menu .ant-menu-item:hover,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-active,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-open,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-selected,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu:hover{color:#fff}.layout .LayoutHeader.blue .ant-menu .ant-menu-item-active:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-item-open:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-item-selected:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-item:hover:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-active:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-open:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu-selected:after,.layout .LayoutHeader.blue .ant-menu .ant-menu-submenu:hover:after{border-bottom:0}.layout .LayoutHeader.blue .ant-menu .ant-menu-item.ant-menu-item-selected{background:hsla(0,0%,100%,.1)}.layout .LayoutHeader.blue .avatarBox .username{color:#fff;font-size:16px}.layout .LayoutHeader .logo{width:200px}.layout .LayoutHeader ul.topMenu{background:transparent;border-bottom:0;flex:1;line-height:60px}.layout .LayoutHeader ul.topMenu li{border-bottom:0}.layout .LayoutHeader .avatarBox .ant-dropdown-trigger{font-size:22px;height:100%}.layout .LayoutHeader .avatarBox .ant-dropdown-trigger .username{height:30px;line-height:30px}.layout .LayoutHeader .avatarBox .ant-dropdown-trigger .anticon{font-size:20px}.layout .LayoutHeader .avatarBox .avatar{margin-left:10px}.layout .LayoutContent{padding:14px}.ant-menu-root.ant-menu-inline{border-right:0;overflow-x:hidden}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover{border-bottom:none}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{margin-right:0}.ant-menu-root>li>.ant-menu-submenu-title,.ant-menu-root>li>.ant-menu-title-content{font-weight:600}.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav:before,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav:before{display:block}.ant-tabs-nav .ant-tabs-tab{margin:0}.ant-table .ant-table-thead>tr>th{font-weight:600}.login_box{background-color:#fff;box-shadow:1px 1px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;height:29rem;overflow:hidden;width:25rem}.login_box .ant-form{padding:0 1rem}.login_box .ant-form-item{margin-bottom:.5rem}.login_box .ant-form-item .ant-btn,.login_box .ant-form-item input{border-radius:.5rem;height:40px}.login_box h3{font-weight:400;padding:2rem 0;text-align:center}.login_box .login_tab{display:flex;height:3rem}.login_box .login_tab .item{background:#ebf8ff;cursor:pointer;flex:1;line-height:2.8rem;opacity:.5;text-align:center;transition:all .3s ease}.login_box .login_tab .item.active,.login_box .login_tab .item:hover{background:linear-gradient(90deg,#2eb2ff,#6d71ff);color:#fff;opacity:.8}.login{display:flex;flex-direction:column;height:100vh}.login .title{align-items:center;display:flex;height:4.3rem;padding:0 5rem}.login .title img{width:42px}.login .title span{font-size:1.57rem;font-weight:400;padding-left:1rem}@media screen{.login .content_login{align-items:center;background-image:url(../img/loginBackground.png);background-position:center 0;background-size:cover;display:flex;flex:1;position:relative}.login .content_login .login_box{position:absolute;right:10rem}}@media screen and (max-width:768px){.login .content_login{justify-content:center}.login .content_login .login_box{position:static;right:0}}.login .copyright-information{color:#666;font-size:14px;height:30px;line-height:30px;margin:0 10px;padding:0;text-align:center}.login .copyright-information a{color:#666;text-decoration:none}.menu-manager{display:flex;gap:32px;height:100%}.menu-manager .tree{width:300px}.menu-manager .tree .menu-select-tree .utils-container{display:flex;gap:8px;justify-content:space-around}.menu-manager .tree .menu-select-tree .tree-container{padding:8px}.menu-manager .tree .menu-select-tree .tree-container .ant-tree-show-line .ant-tree-indent-unit:before{border-right:1px dashed #d9d9d9}.menu-manager .right-detail{flex:auto}.menu-manager .right-detail .menu-detail .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.menu-manager .right-detail .menu-detail .header .header-text{font-size:16px;font-weight:700}.menu-manager .right-detail .menu-detail .form{max-width:500px}.tree-cotextmenu .context-utils{display:flex;gap:8px}.util-item{border:1px solid #ccc;border-radius:50%;color:#ccc;cursor:pointer;line-height:1;margin:8px 0;padding:4px}.param-manager .tab-item .operation{text-align:right}.param-manager .tab-item .operation>.ant-space{position:absolute;right:0;top:0}.param-manager .tab-item .group-container .group-item-title{font-size:14px;font-weight:600}.param-manager .tab-item .group-container .collapse-container{margin:16px 0}.param-manager .tab-item .group-container .collapse-container .header{align-items:center;display:flex;line-height:1;padding-left:16px;position:relative}.param-manager .tab-item .group-container .collapse-container .header .container-title{font-size:14px;font-weight:600}.param-manager .tab-item .group-container .collapse-container .header:before{background-color:#4b7ff7;bottom:0;content:" ";left:0;position:absolute;top:0;width:2px}.systemManager{height:100%;width:100%}.systemManager .LayoutSider{background:#fff;margin-right:14px;overflow:auto}.depManager,.logManager,.personalSetting,.postManager,.role-manager,.userManager{display:flex;flex-direction:column}.depManager .control,.depManager .table-search,.logManager .control,.logManager .table-search,.personalSetting .control,.personalSetting .table-search,.postManager .control,.postManager .table-search,.role-manager .control,.role-manager .table-search,.userManager .control,.userManager .table-search{margin-bottom:16px}.depManager .titleLine,.logManager .titleLine,.personalSetting .titleLine,.postManager .titleLine,.role-manager .titleLine,.userManager .titleLine{display:flex;justify-content:space-between;margin-bottom:10px}.depManager .titleLine .title,.logManager .titleLine .title,.personalSetting .titleLine .title,.postManager .titleLine .title,.role-manager .titleLine .title,.userManager .titleLine .title{font-weight:bolder}.depManager .searchLine,.logManager .searchLine,.personalSetting .searchLine,.postManager .searchLine,.role-manager .searchLine,.userManager .searchLine{justify-content:space-between;margin-bottom:10px}.logModal .col{display:flex;margin-bottom:10px}.logModal .col .label{color:gray;min-width:140px;padding:0 10px;text-align:right}.depManager{flex-direction:row}.depManager .left{margin-right:20px;width:300px}.depManager .right{flex:1}.depManager .right .basic-info .basic-info-header{display:flex;font-weight:600;justify-content:space-between}.depManager .right .basic-info .basic-info-header .basic-info-title,.depManager .right .employee-container .title{color:#31363c;font-size:18px;font-weight:600}.depManager .right .employee-container .operation{display:flex;justify-content:space-between;margin-bottom:16px}.about{display:flex;flex-direction:column;padding:40px}.about .logoLine{justify-content:space-between}.about .logoLine .logo{margin-bottom:40px;width:600px}.about .titleLine{display:flex;justify-content:space-between;margin-bottom:10px}.about .titleLine .title{font-weight:bolder}.about .titleLine .title:before{border-left:2px solid #37f;content:"";height:10px;margin-right:12px}.about .card{background:#f8f7fc;color:rgba(0,0,0,.45);margin:0 0 20px 16px}.about .litTitle{margin:0 0 4px 20px}.about .down{margin:10px 0 20px 16px}.about .info{width:800px}.about .infoBtn{margin:10px 0}.about .update{position:absolute;right:65px;top:220px}.tp_box{display:flex;flex-direction:column;height:100vh;width:100vw}.tp_box #tp{flex:1}.inl-header-menu{background-color:#132041;width:100%}.inl-header-menu-item{background:linear-gradient(180deg,rgba(76,146,230,0),rgba(13,95,201,.5));cursor:pointer;opacity:.5;padding:5px 40px}.inl-header-menu-item>span{color:#fff}.inl-header-menu-item.inl-header-menu-item-active,.inl-header-menu-item:hover{background:linear-gradient(180deg,rgba(58,117,205,0),rgba(58,117,205,0) 0,rgba(79,115,228,.3) 71%,rgba(81,115,230,.6) 91%,rgba(71,98,226,.9));border-bottom:1px solid;border-image:linear-gradient(180deg,rgba(156,194,247,0),#628fec) 1 1;opacity:1}.inl-header-menu-title{align-items:center;display:flex;padding:5px 0}.inl-header-menu-title-text{color:#fff;font-size:30px;text-align:center;text-shadow:0 0 9px #389aff}.inl-header-menu-center-title{background:url(http://192.168.5.211/micro-assets/device/titleCenter.png) no-repeat;background-size:contain;justify-content:center;width:25%}.inl-header-menu-left-title{background:url(http://192.168.5.211/micro-assets/device/titleLeft.png) no-repeat;background-size:contain;padding-left:30px;width:40%}.inl-header-menu-content,.inl-header-menu-content-left{align-items:center;display:flex}.inl-header-menu-content-left{background:url(http://192.168.5.211/micro-assets/device/menuLeft.png) no-repeat;background-position:0 100%;background-size:contain;flex:1;justify-content:flex-end;padding:5px 0}.inl-header-menu-content-left .inl-header-menu-item{clip-path:polygon(0 0,80% 0,100% 100%,20% 100%)}.inl-header-menu-content-right{align-items:center;background:url(http://192.168.5.211/micro-assets/device/menuRight.png) no-repeat;background-position:0 100%;background-size:contain;display:flex;flex:1;justify-content:flex-start;padding:5px 0}.inl-header-menu-content-right .inl-header-menu-item{clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.inl-header-menu-left .inl-header-menu-content-right{background:none;justify-content:flex-end}

package/dist/theme/dark.less

@@ -1,182 +1,204 @@
-body{
-    background-color: #132041;
-}
-
-@theme: dark;
-@white: #fff;
-@black: #000;
-@primary-color: #1D33A2;
-@menu-item-height: 48px;
-@disabled-color:#A4AABF;
-@green:#22CC83;
-@red:#EA5858;
-@orange:#FF9214;
-@blue-1: fade(@primary-color, 20%);
-@blue-3: fade(@primary-color, 0%);
-@blue-7: fade(@primary-color, 100%);
-@green-1: fade(@green, 20%);
-@green-3: fade(@green, 0%);
-@green-7: fade(@green, 100%);
-@red-1: fade(@red, 20%);;
-@red-3: fade(@red, 0%);;
-@red-7: fade(@red, 100%);;
-@orange-1: fade(@orange, 20%);
-@orange-3: fade(@orange, 0%);
-@orange-7: fade(@orange, 100%);
-
-@menu-dark-bg: #1b2c55;
-@menu-dark-arrow-color: @white;
-@menu-dark-inline-submenu-bg: @menu-dark-bg;
-@menu-dark-highlight-color: #3e7eff;
-@menu-dark-item-active-bg: rgba(255,255,255,0.1);
-@menu-dark-item-hover-bg: transparent;
-@border-color-base: #B9C2D5;
-// 按钮
-@btn-default-bg: @white;
-@text-color: rgba(53, 64, 82, 1);
-@btn-font-weight: 400;
-@btn-border-radius-base: 2px;
-@btn-border-radius-sm: 2px;
-@btn-border-width: 1px;
-@btn-border-style: @primary-color;
-@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-
-// form
-@label-color: #354052;
-@input-disabled-bg: rgba(144, 149, 162, 0.3);
-@input-disabled-color:rgba(144, 149, 162, 1);
-
-@select-item-active-bg: #F2F3F8;
-@select-dropdown-bg: @white;
-@select-item-selected-bg:rgba(242, 243, 248, 1);
-@calendar-item-active-bg: rgba(242, 243, 248, 1);
-@calendar-bg: @white;
-.ant-picker-clear{
-    color: @primary-color;
-    background-color: none;
-}
-.ant-picker-suffix{
-    color: @primary-color;
-}
-.ant-select-arrow{
-    color: @primary-color;
-}
-// @input-bg: red;
-.ant-switch{
-    background-color: #A4AABF;
-}
-.ant-switch-checked {
-    background-color: @primary-color;
-}
-
-// table
-@table-bg: @white;
-@table-header-bg: rgba(242, 243, 248, 1);
-@table-header-color: rgba(53, 64, 82, 1);
-@table-border-color:#F2F3F8;
-@table-header-sort-active-bg: #F2F3F8;
-@table-font-size: 14px;
-@table-padding-vertical: 5px;
-@table-padding-horizontal: 5px;
-@table-row-hover-bg: rgba(242, 243, 248, 0.6);
-
-// Pagination
-// ---
-@pagination-item-bg: transparent;
-@pagination-item-bg-active: @primary-color;
-@pagination-item-link-bg: transparent;
-@pagination-item-disabled-bg-active: fade(@white, 25%);
-@pagination-item-disabled-color-active: @black;
-@pagination-item-input-bg: @pagination-item-bg;
-
-// 选中
-.ant-pagination-item-active,.ant-pagination-item-active:hover {
-    a {
-        color: @white;
-    }
-}
-
-// Avatar
-@avatar-bg: @primary-color;
-
-// 图标头像
-.ant-avatar.ant-avatar-icon{
-    background-color: #EFF2F6;
-    color: #959CB9;
-}
-
-// Tag
-@tag-default-bg: rgba(53, 64, 82, 0.1);
-@border-color-base: rgba(53, 64, 82, 0.2);
-@tag-default-color: #556282;
-@text-color-secondary:@black;
-
-// popover
-@popover-bg:@white;
-@heading-color: #354052;
-@popover-color:#5C667D;
-@border-color-split: #EFF2F6;
-
-// modal
-@modal-content-bg: @white; 
-@modal-heading-color:@heading-color;
-@modal-header-bg: @white;
-@modal-close-color:rgba(0, 0, 0, 0.45);
-@icon-color-hover:@modal-close-color;
-
-// alert
-@alert-close-color:rgba(0, 0, 0, 0.45);
-@alert-close-hover-color:@alert-close-color;
-@alert-success-bg-color:fade(@green, 10%);
-@alert-success-border-color:@green;
-@alert-success-icon-color:@green;
-@alert-info-bg-color:fade(@primary-color, 10%);
-@alert-info-border-color:@primary-color;
-@alert-info-icon-color:@primary-color;
-@alert-warning-bg-color:fade(@orange, 10%);
-@alert-warning-border-color:@orange;
-@alert-warning-icon-color:@orange;
-@alert-error-bg-color:fade(@red, 10%);
-@alert-error-border-color:@red;
-@alert-error-icon-color:@red;
-
-// 成功
-.ant-alert-success {
-    .ant-alert-message,.ant-alert-description,.ant-alert-close-text {
-        color: @green;
-    }
-}
-// 提示
-.ant-alert-info {
-    .ant-alert-message,.ant-alert-description,.ant-alert-close-text {
-        color: @primary-color;
-    }
-}
-// 警告
-.ant-alert-warning {
-    .ant-alert-message,.ant-alert-description,.ant-alert-close-text {
-        color: @orange;
-    }
-}
-// 错误
-.ant-alert-error {
-    .ant-alert-message,.ant-alert-description,.ant-alert-close-text {
-        color: @red;
-    }
-}
-
-// breadcrumb
-@breadcrumb-base-color:#959CB9;
-@breadcrumb-link-color:#959CB9;
-@breadcrumb-last-item-color:#354052;
-@breadcrumb-separator-color:#959CB9;
-@breadcrumb-link-color-hover:@primary-color;
-
-// dropdown
-@dropdown-menu-bg:@white;
-
-// menu
-@menu-dark-selected-item-text-color:#3E7EFF;
-@menu-dark-selected-item-icon-color:#3E7EFF;
-@menu-item-padding-horizontal:'100%';
+body{
+    background-color: #132041;
+}
+
+@theme: dark;
+@white: #fff;
+@black: #000;
+@primary-color: #1D33A2;
+@menu-item-height: 48px;
+@disabled-color:#A4AABF;
+@green:#22CC83;
+@red:#EA5858;
+@orange:#FF9214;
+@blue-1: fade(@primary-color, 20%);
+@blue-3: fade(@primary-color, 0%);
+@blue-7: fade(@primary-color, 100%);
+@green-1: fade(@green, 20%);
+@green-3: fade(@green, 0%);
+@green-7: fade(@green, 100%);
+@red-1: fade(@red, 20%);;
+@red-3: fade(@red, 0%);;
+@red-7: fade(@red, 100%);;
+@orange-1: fade(@orange, 20%);
+@orange-3: fade(@orange, 0%);
+@orange-7: fade(@orange, 100%);
+
+@menu-dark-bg: #1b2c55;
+@menu-dark-arrow-color: @white;
+@menu-dark-inline-submenu-bg: @menu-dark-bg;
+@menu-dark-highlight-color: #3e7eff;
+@menu-dark-item-active-bg: rgba(255,255,255,0.1);
+@menu-dark-item-hover-bg: transparent;
+@border-color-base: #B9C2D5;
+// 按钮
+@btn-default-bg: @white;
+@text-color: rgba(53, 64, 82, 1);
+@btn-font-weight: 400;
+@btn-border-radius-base: 2px;
+@btn-border-radius-sm: 2px;
+@btn-border-width: 1px;
+@btn-border-style: @primary-color;
+@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
+@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
+
+// form
+@label-color: #354052;
+@input-disabled-bg: rgba(144, 149, 162, 0.3);
+@input-disabled-color:rgba(144, 149, 162, 1);
+
+@select-item-active-bg: #F2F3F8;
+@select-dropdown-bg: @white;
+@select-item-selected-bg:rgba(242, 243, 248, 1);
+@calendar-item-active-bg: rgba(242, 243, 248, 1);
+@calendar-bg: @white;
+.ant-picker-clear{
+    color: @primary-color;
+    background-color: none;
+}
+.ant-picker-suffix{
+    color: @primary-color;
+}
+.ant-select-arrow{
+    color: @primary-color;
+}
+// @input-bg: red;
+.ant-switch{
+    background-color: #A4AABF;
+}
+.ant-switch-checked {
+    background-color: @primary-color;
+}
+
+// table
+@table-bg: @white;
+@table-header-bg: rgba(242, 243, 248, 1);
+@table-header-color: rgba(53, 64, 82, 1);
+@table-border-color:#F2F3F8;
+@table-header-sort-active-bg: #F2F3F8;
+@table-font-size: 14px;
+@table-padding-vertical: 5px;
+@table-padding-horizontal: 5px;
+@table-row-hover-bg: rgba(242, 243, 248, 0.6);
+
+// Pagination
+// ---
+@pagination-item-bg: transparent;
+@pagination-item-bg-active: @primary-color;
+@pagination-item-link-bg: transparent;
+@pagination-item-disabled-bg-active: fade(@white, 25%);
+@pagination-item-disabled-color-active: @black;
+@pagination-item-input-bg: @pagination-item-bg;
+
+// 选中
+.ant-pagination-item-active,.ant-pagination-item-active:hover {
+    a {
+        color: @white;
+    }
+}
+
+// Avatar
+@avatar-bg: @primary-color;
+
+// 图标头像
+.ant-avatar.ant-avatar-icon{
+    background-color: #EFF2F6;
+    color: #959CB9;
+}
+
+// Tag
+@tag-default-bg: rgba(53, 64, 82, 0.1);
+@border-color-base: rgba(53, 64, 82, 0.2);
+@tag-default-color: #556282;
+@text-color-secondary:@black;
+
+// popover
+@popover-bg:@white;
+@heading-color: #354052;
+@popover-color:#5C667D;
+@border-color-split: #EFF2F6;
+
+// modal
+@modal-content-bg: @white; 
+@modal-heading-color:@heading-color;
+@modal-header-bg: @white;
+@modal-close-color:rgba(0, 0, 0, 0.45);
+@icon-color-hover:@modal-close-color;
+
+// alert
+@alert-close-color:rgba(0, 0, 0, 0.45);
+@alert-close-hover-color:@alert-close-color;
+@alert-success-bg-color:fade(@green, 10%);
+@alert-success-border-color:@green;
+@alert-success-icon-color:@green;
+@alert-info-bg-color:fade(@primary-color, 10%);
+@alert-info-border-color:@primary-color;
+@alert-info-icon-color:@primary-color;
+@alert-warning-bg-color:fade(@orange, 10%);
+@alert-warning-border-color:@orange;
+@alert-warning-icon-color:@orange;
+@alert-error-bg-color:fade(@red, 10%);
+@alert-error-border-color:@red;
+@alert-error-icon-color:@red;
+
+// 成功
+.ant-alert-success {
+    .ant-alert-message,.ant-alert-description,.ant-alert-close-text {
+        color: @green;
+    }
+}
+// 提示
+.ant-alert-info {
+    .ant-alert-message,.ant-alert-description,.ant-alert-close-text {
+        color: @primary-color;
+    }
+}
+// 警告
+.ant-alert-warning {
+    .ant-alert-message,.ant-alert-description,.ant-alert-close-text {
+        color: @orange;
+    }
+}
+// 错误
+.ant-alert-error {
+    .ant-alert-message,.ant-alert-description,.ant-alert-close-text {
+        color: @red;
+    }
+}
+
+// breadcrumb
+@breadcrumb-base-color:#959CB9;
+@breadcrumb-link-color:#959CB9;
+@breadcrumb-last-item-color:#354052;
+@breadcrumb-separator-color:#959CB9;
+@breadcrumb-link-color-hover:@primary-color;
+
+// dropdown
+@dropdown-menu-bg:@white;
+
+// menu
+@menu-highlight-color:#3E7EFF;
+@menu-dark-selected-item-icon-color:#3E7EFF;
+@menu-dark-selected-item-text-color:#3E7EFF;
+@menu-dark-highlight-color:#3E7EFF;
+@menu-dark-item-active-bg:fade(@white, 10%);
+@menu-dark-item-hover-bg:fade(@white, 10%);
+@menu-dark-inline-submenu-bg:@menu-dark-bg;
+@menu-inline-submenu-bg:@menu-dark-bg;
+@menu-item-active-bg:fade(@white, 10%);
+@menu-bg:@menu-dark-bg;
+@menu-item-color:fade(@white, 65%);
+@border-color-split:@menu-dark-bg;
+@menu-popup-bg:@menu-dark-bg;
+
+// 
+.ant-menu-inline .ant-menu-item::after {
+    left: 0;
+    right: initial;
+}
+.ant-menu.ant-menu-root > li > .ant-menu-title-content {
+    font-weight: 400;
+}
+.ant-menu-dark.ant-menu-inline .ant-menu-item-selected::after {
+    border-right: 3px solid #3E7EFF;
+}