gasInjection-project/src/design/vent/index.less

@import './color.less';
@import './var.less';
@import './antCss.less';
@import './comment.less';

.vent {
  background-color: #03114c !important;
}
/* 表单 */
.vent-form {
  .ant-form {
    background-color: @vent-transparent !important;
    .ant-form-item-label > label {
      color: @vent-font-color !important;
    }

    .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,
      .ant-input-number-handler-wrap {
        color: #fff;
        background-color: #ffffff17 !important;
        border: 1px solid #b7b7b74f !important;
      }
      .ant-picker,
      .ant-select-selector {
        color: #fff !important;
        background: #ffffff17 !important;
        border: 1px solid #b7b7b74f !important;
      }
    }
    .ant-select-multiple {
      .ant-select-selection-item-content {
        color: #fff !important;
      }
    }
    .ant-input,
    .anticon,
    input,
    .ant-input-number,
    .ant-select-selection-item,
    .ant-input-group-addon,
    .ant-picker-suffix {
      color: #fff !important;
      background: #ffffff00 !important;
      border: none;
    }
    .ant-select-selection-placeholder {
      color: #b7b7b7 !important;
    }
    .ant-select-arrow,
    .ant-picker-separator {
      color: #fff !important;
    }

    .ant-form-item {
      margin-right: 20px;
    }
    .ant-select-dropdown {
      border-bottom: 1px solid #ececec66;
      background: #fff;
    }
    .ant-upload.ant-upload-select-picture-card {
      background-color: @vent-transparent !important;
    }
    .input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 1000px @vent-transparent inset !important;
    }
  }
}
.vent-modal {
  .ant-drawer-content {
    background-color: #03114c !important;
  }
}
// .jeecg-basic-table-form-container .ant-form {
//   background-color: @vent-transparent !important;
//   color: @vent-font-color !important;
//   border: 1px solid #ffffff22;

//   .ant-form-item-label > label {
//     color: @vent-font-color !important;
//   }
//   .ant-input-affix-wrapper,
//   .ant-input-number-handler-wrap {
//     color: #fff;
//     background-color: #ffffff17 !important;
//     border: 1px solid #b7b7b74f !important;
//   }
//   .ant-picker,
//   .ant-select-selector {
//     color: #fff !important;
//     background: #ffffff17 !important;
//     border: 1px solid #b7b7b74f !important;
//   }
//   .anticon,
//   input,
//   .ant-input-number,
//   .ant-select-selection-item,
//   .ant-picker-suffix {
//     color: #fff !important;
//     background: #ffffff00 !important;
//     border: none;
//   }
//   .ant-select-selection-placeholder {
//     color: #b7b7b7 !important;
//   }
//   .ant-select-arrow,
//   .ant-picker-separator {
//     color: #fff !important;
//   }
// }

.jeecg-basic-table {
  .ant-table-wrapper {
    padding: 0 !important;
  }
}
.jeecg-basic-drawer {
  background: #080a2c11 !important;
  .ant-drawer-content {
    background-color: #03114c99 !important;
    backdrop-filter: blur(20px);
    .ant-drawer-title,
    .ant-drawer-close {
      color: #fff !important;
    }
    .ant-drawer-title {
      .jeecg-basic-title {
        color: #fff !important;
      }
    }
    .ant-descriptions-bordered {
      .ant-descriptions-item-label {
        color: #fff !important;
        background-color: #ffffff22 !important;
      }
      .ant-descriptions-item-content {
        color: #fff !important;
      }
    }
  }

  .ant-drawer-body,
  .ant-drawer-header,
  .jeecg-basic-drawer-footer {
    background: #080a2c11 !important;
    border-color: #ffffff66 !important;
  }
}
.jeecg-tree {
  background-color: @vent-transparent !important;
  .ant-tree {
    background-color: @vent-transparent !important;
    color: @vent-font-color !important;
  }
  .ant-tree-title,
  .ant-tree-node-content-wrapper {
    &:hover {
      background-color: rgba(209, 209, 209, 0.1) !important;
    }
  }
}

.ant-card {
  border: 1px solid #4d7ad855;
  border-radius: 2px;
  background-color: @vent-transparent !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 10px #5984e055 inset;
  .ant-tree {
    background-color: @vent-transparent !important;
    color: @vent-font-color !important;
  }
  .ant-tree-title,
  .ant-tree-node-content-wrapper {
    &:hover {
      background-color: rgba(209, 209, 209, 0.1) !important;
    }
  }
  .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: #009bee;
  }
  .ant-input {
    border: 1px solid #ececec66;
    background-color: @vent-transparent !important;
  }
  .alert {
    background-color: @vent-table-hover !important;
    border-color: #ffffff22 !important;
    .ant-alert-message {
      color: @vent-font-color !important;
    }
  }
}
.ant-tabs {
  border: 1px solid #4d7ad855;
  border-radius: 2px;
  background-color: @vent-transparent !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 10px #5984e055 inset;
  .ant-tabs-nav {
    &::before {
      border-color: #ffffff33 !important;
    }
  }
  .ant-descriptions-bordered {
    .ant-descriptions-item-label {
      color: #fff !important;
      background-color: #ffffff22 !important;
    }
    .ant-descriptions-item-content {
      color: #fff !important;
    }

    .ant-descriptions-row,
    .ant-descriptions-item-label {
      border-color: #ffffff33 !important;
    }
    .ant-descriptions-view {
      border-color: #ffffff11 !important;
      box-shadow: 0 0 5px #5984e033 inset;
    }
  }
}

.jeecg-tree {
  .jeecg-tree-header {
    .jeecg-basic-title {
      color: #fff !important;
    }
    .ant-input-affix-wrapper {
      background-color: @vent-transparent !important;
      border-color: #ffffff33 !important;
    }
  }
}