xlb-main-login/src/style/theme/deflut.less

``` yarn install ```

@DE1F26: #DE1F26;
@EB4646: #EB4646;
@C51521: #C51521;
@E9E9E9: #E9E9E9;
@AAAAAA: #AAAAAA;
@F9F9F9: #F9F9F9;
@DE1F26: #DE1F26;
@FFF2F0: #FFF2F0;
@boxShow: rgba(222, 31, 38, 0.2);
@back65: rgba(0, 0, 0, 0.65);
@d9d9d9: #d9d9d9;
@font_16: 16px;
@888888: #888888;
@FFE5E6: #FFE5E6;
@8E8E8E: #8E8E8E;
body {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, SimSun, sans-serif !important;
}

.btn_lg() {
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  padding: 0 16px;
}

.btn_sm() {
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  padding: 0 6px;
}

@white: white;
//大按钮
.ant-btn-lg {
  .btn_lg;
}

//小按钮
.ant-btn-sm {
  .btn_sm;
}


.ant-btn:hover {
  border-color: @DE1F26;
  color: @DE1F26;
}

.ant-btn.focus,
.ant-btn:focus {
  box-shadow: 0 0 0 0 transparent;
  border-color: @DE1F26;
  color: @DE1F26;
}

.ant-btn-link {
  color: @DE1F26;
}

.ant-btn-primary,
.ant-btn-success {
  background-color: @DE1F26;
  border-color: @DE1F26;
  color: @white;
}

.ant-btn-primary:hover,
.ant-btn-success:hover {
  background-color: @EB4646;
  border-color: @EB4646;
  color: @white;
}

.ant-btn-primary.focus,
.ant-btn-primary:focus {
  box-shadow: 0 0 0 0 transparent;
  background-color: @C51521;
  border-color: @C51521;
  color: #ffffff;
}

.ant-btn-success:focus {
  box-shadow: 0 0 0 0 transparent;
}

.ant-btn-primary.active,
.ant-btn-primary:active,
.show > .ant-btn-primary.dropdown-toggle,
.ant-btn-success:active {
  background-color: @C51521;
  background-image: none;
  border-color: @C51521;
}


.ant-pagination-item-active, .ant-pagination-item-active a {
  border-color: @DE1F26;
  color: @DE1F26;
}

.ant-pagination-item-active:hover {
  border-color: @EB4646;

  a {
    color: @EB4646;
  }
}

.ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-bt[disabled]:active {
  border-color: @E9E9E9;
  color: @AAAAAA;
  background-color: @F9F9F9;
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner, .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner {
  border-color: @DE1F26;
}

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: @DE1F26;
  border-color: @DE1F26;
}

.ant-checkbox-checked::after {
  border-color: @DE1F26;
}

.ant-radio-checked .ant-radio-inner {
  border-color: @DE1F26;
}

.ant-radio-checked::after {
  border: 1px solid @DE1F26;
}

.ant-radio-inner::after {
  background-color: @DE1F26;
}


.ant-picker:hover, .ant-picker-focused {
  border: 1px solid @DE1F26;
}

.ant-picker-focused {
  box-shadow: 0 0 0 2px @boxShow;
}

.ant-picker-range .ant-picker-active-bar {
  background: @DE1F26;
}

.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border: 1px solid @DE1F26;
}

tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  border-left: 1px dashed @DE1F26;
}

tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed @DE1F26;
}

.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  border-top: 1px dashed @DE1F26;
  border-bottom: 1px dashed @DE1F26;
}

.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: @boxShow;
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  background: @boxShow;
}

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  background: @DE1F26;
}

.ant-picker-cell-in-view.ant-picker-cell-in-range::before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: @FFF2F0;
}

.ant-input:hover, .ant-input.focus, .ant-input:focus {
  border: 1px solid @DE1F26;
}

.ant-input:focus,
.ant-input-focused {
  border-color: @DE1F26;
  box-shadow: 0 0 0 2px @boxShow;
}

input {
  caret-color: @DE1F26;
}

.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: @DE1F26;
}

.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-color: @DE1F26;
}

.ant-modal-title {
  text-align: center;
}


.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: @DE1F26;
}


.ant-tree-checkbox-disabled:hover .ant-tree-checkbox-inner {
  border-color: @d9d9d9;
}


.ant-tree-checkbox-checked::after {
  border: 1px solid @DE1F26;
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: @DE1F26;
  border-color: @DE1F26;
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: unset;
  border-color: @d9d9d9;
}

.ant-tooltip {

}

.ant-tooltip-inner {
  background-color: @back65;
}


//.ant-tabs-tab-btn:focus,
//.ant-tabs-tab-remove:focus,
//.ant-tabs-tab-btn:active,
//.ant-tabs-tab-remove:active {
//  color: @DE1F26;
//}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-ink-bar, .ant-tabs-tab:hover {
  color: @DE1F26;
}

//52
.ant-tabs-tab {
  padding: 13.5px 0;
  font-size: @font_16;
}

.ant-tabs-ink-bar {
  background: @DE1F26;
}

.spinLoding {
  width: 45px;
  height: 45px;
}


.ant-upload.ant-upload-select-picture-card:hover {
  border-color: @DE1F26;
}

.ant-upload {
  color: @888888;
}

.ant-upload {
  .anticon svg {
    width: 20px;
    height: 20px;
  }

  .anticon .anticon-spin {
    fill: @DE1F26;
  }
}

.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: @DE1F26;
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: @DE1F26;
  box-shadow: 0 0 0 2px @boxShow;
}

.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background: @FFE5E6;
}

.ant-select {
  .ant-select-arrow {
    color: @8E8E8E;
  }
}


.ant-switch-checked {
  background: @DE1F26;
}

.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px @boxShow;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  border-radius: 4px;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #c1c1c1;
}


.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  border-bottom: 2px solid @DE1F26;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: @DE1F26;
}

.ant-menu-horizontal > .ant-menu-item::after, .ant-menu-horizontal > .ant-menu-submenu::after {
  width: 100%;
  left: 0;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  padding: 0;
}

.ant-menu {
  font-size: 16px !important;
}

.ant-menu-title-content {
  padding: 0 20px;
}


//.ant-menu-item-active, .ant-menu-item-selected {
//  border-bottom: 3px solid @DE1F26 !important;
//}

//.ant-switch:focus {
//  outline: 0;
//  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
//}
//@8E8E8E
//.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
//  color: @DE1F26;
//}