mky-vent-base/src/design/vent/antCss.less

/* form 表单组件*/
.@{ventSpace}-input-number {
  background-color: @vent-transparent;
  border: 1px solid #65dbea;
  border-radius: 5px;
  align-items: center;
  display: flex;
  color: @vent-font-color;
}
.@{ventSpace}-radio-group {
  color: @vent-font-color !important;
  .@{ventSpace}-radio-wrapper {
    color: @vent-font-color !important;
  }
  .@{ventSpace}-radio {
    color: @vent-font-color !important;
  }
}
/*  */
.@{ventSpace}-tabs-bar {
  margin: 0 !important;
}

/* 表格 */
.jeecg-basic-table .@{ventSpace}-table-wrapper {
  background-color: @vent-transparent !important;
}
.jeecg-basic-table .alert {
  background-color: @vent-table-hover !important;
  border-color: #ffffff22 !important;
  .@{ventSpace}-alert-message {
    color: @vent-font-color !important;
  }
}

.@{ventSpace}-table {
  background-color: @vent-transparent !important;
  color: @vent-font-color;
}

.@{ventSpace}-table.@{ventSpace}-table-bordered > .@{ventSpace}-table-container > .@{ventSpace}-table-content > table,
.@{ventSpace}-table.@{ventSpace}-table-bordered > .@{ventSpace}-table-container > .@{ventSpace}-table-header > table {
  border-top: 1px solid @vent-table-hover !important;
}
.@{ventSpace}-table-cell-scrollbar{
  box-shadow:none !important;
}

.@{ventSpace}-table.@{ventSpace}-table-bordered > .@{ventSpace}-table-container {
  border-left: 1px solid @vent-table-hover !important;
}
.@{ventSpace}-table-header {
  background-color: transparent !important;
  // height: 42px;
}
.@{ventSpace}-table-thead > tr > th {
  background-color: transparent !important;
  border: 1px solid @vent-table-hover !important;
}
.@{ventSpace}-table-body > tr > th {
  background-color: transparent !important;
  border: 1px solid @vent-table-hover !important;
}
.@{ventSpace}-table-body > tr > td {
  border: none !important;
}
.@{ventSpace}-table-fixed-header > .@{ventSpace}-table-content > .@{ventSpace}-table-scroll > .@{ventSpace}-table-body {
  background-color: #ffffff05 !important;
  margin-top: 8px !important;
  &::-webkit-scrollbar {
    display: none !important;
  }
}

.jeecg-basic-table .@{ventSpace}-table-wrapper .@{ventSpace}-table-title {
  padding: 0 !important;
}
.jeecg-basic-table-row__striped td {
  background-color: transparent !important;
}

.@{ventSpace}-table-tbody {
  color: @vent-font-color;
}
.@{ventSpace}-table-tbody:hover {
  background: @vent-transparent !important;
}

.@{ventSpace}-table-tbody > tr:hover.@{ventSpace}-table-row > td {
  background: @vent-table-hover !important;
}
.@{ventSpace}-table-tbody > tr:hover.@{ventSpace}-table-row > th {
  background: @vent-table-hover !important;
}
.@{ventSpace}-table-thead > tr:hover.@{ventSpace}-table-row > td {
  background: @vent-table-hover !important;
}
.@{ventSpace}-table-tbody > tr.@{ventSpace}-table-row-selected td {
  background: @vent-table-hover !important;
}
.@{ventSpace}-table-tbody > tr > td {
  // border-color: @vent-table-hover !important;
  border-color: #39e8ff33 !important;
  background: @vent-table-no-hover !important;
  transition: background 1s;
}
.@{ventSpace}-table-thead > tr > th:hover {
  background: @vent-transparent !important;
}
.@{ventSpace}-table-thead > tr {
  background: @vent-transparent !important;
}
.@{ventSpace}-table-thead > tr > th {
  color: @vent-font-color !important;
}
.@{ventSpace}-table-fixed-header .@{ventSpace}-table-scroll .@{ventSpace}-table-header {
  background: #ffffff44 !important;
  position: relative !important;
  z-index: 999 !important;
  padding: 4px 0 !important;
  &::-webkit-scrollbar {
  
    display: none !important;
  }
}
/* 嵌套表格 */
.tr.@{ventSpace}-table-expanded-row > td,
tr.@{ventSpace}-table-expanded-row > td {
  background: @vent-transparent !important;
}
tr.@{ventSpace}-table-expanded-row > td,
tr.@{ventSpace}-table-expanded-row:hover > td {
  background: @vent-transparent !important;
}
.@{ventSpace}-table-expanded-row {
  background-color: #00000033 !important;
}

/* tabs 组件 */
.@{ventSpace}-tabs-nav {
  color: @vent-font-color !important;
}

/* modal 组件 */
.@{ventSpace}-modal-content {
  color: @vent-font-color !important;
  background-color: #0042ab22 !important;
  border: 1px solid #04bdaa !important;
  box-shadow: 0px 0px 10px #2b87ff inset !important;
  backdrop-filter: blur(10px);
}
.@{ventSpace}-modal-header {
  color: @vent-font-color !important;
  background-color: #0042ab00 !important;
  box-shadow: 0px 0px 0px #2b87ff inset !important;
  border-color: #ffffff22 !important;
  backdrop-filter: blur(10px);
  .jeecg-basic-title {
    color: @vent-font-color !important;
  }
  .@{ventSpace}-modal-title {
    color: #39e9fe !important;
  }
}
.@{ventSpace}-modal-body {
  .j-box-bottom-button-float {
    background-color: #ffffff00 !important;
  }
  .@{ventSpace}-modal-confirm-title {
    color: #fff !important;
  }
  .@{ventSpace}-form {
    label {
      color: #fff;
    }
    .anticon.@{ventSpace}-input-clear-icon,
    .anticon {
      color: #fff !important;
    }
    .@{ventSpace}-select-selector {
      color: #fff;
      background-color: #ffffff00 !important;
    }
    .@{ventSpace}-form-item-control-input-content {
      .@{ventSpace}-input-affix-wrapper {
        background-color: #ffffff00 !important;
      }
      .@{ventSpace}-input {
        color: #fff;
        background-color: #ffffff00 !important;
      }
      .@{ventSpace}-select-single.@{ventSpace}-select-show-arrow .@{ventSpace}-select-selection-item,
      .@{ventSpace}-select-single.@{ventSpace}-select-show-arrow .@{ventSpace}-select-selection-placeholder {
        color: #fff;
      }
    }
  }
}
.@{ventSpace}-modal-close {
  color: #ffffff !important;
}
.@{ventSpace}-modal-footer {
  border-color: #ffffff22 !important;
}

/* 加载 */
.@{ventSpace}-spin-container:hover {
  background-color: transparent !important;
}
/* 分页 */
.@{ventSpace}-pagination {
  color: @vent-font-color !important;
}