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

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

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

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

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

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

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

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

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

/* modal 组件 */
.ant-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);
}
.ant-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;
  }
  .ant-modal-title {
    color: #39e9fe !important;
  }
}
.ant-modal-body {
  .j-box-bottom-button-float {
    background-color: #ffffff00 !important;
  }
  .ant-modal-confirm-title {
    color: #fff !important;
  }
  .ant-form {
    label {
      color: #fff;
    }
    .anticon.ant-input-clear-icon,
    .anticon {
      color: #fff !important;
    }
    .ant-select-selector {
      color: #fff;
      background-color: #ffffff00 !important;
    }
    .ant-form-item-control-input-content {
      .ant-input-affix-wrapper {
        background-color: #ffffff00 !important;
      }
      .ant-input {
        color: #fff;
        background-color: #ffffff00 !important;
      }
      .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
      .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
        color: #fff;
      }
    }
  }
}
.ant-modal-close {
  color: #ffffff !important;
}
.ant-modal-footer {
  border-color: #ffffff22 !important;
}

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