detect-embeded/src/assets/custom.scss

.header {
  padding: 5px 20px;
  height: 50px;
  display: flex;
  background-color: rgba(45, 119, 243, 0.2);
  align-items: center;

  .title {
    font-family: "Noto Sans SC", serif;
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 10px;
  }
}

:deep(.ant-form) {
  background-color: transparent;
  padding: 0;
  margin: 10px 20px 2px 10px;
}

:deep(.ant-form-item-label > label.ant-form-item-no-colon) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: white;
}

:deep(.vben-basic-table-form-container label) {
  color: transparent !important;
  width: 10px !important;
}

:deep(.ant-input-affix-wrapper) {
  height: 36px;
  border-radius: 6px;
  background-color: rgba(45,119,243,0.2);
  border: 1px solid rgba(45,119,243,0.3);
}

:deep(.ant-input-affix-wrapper:hover),
:deep(.ant-input-affix-wrapper:focus) {
  background-color: rgba(45,119,243,0.3);
  border: 1px solid rgba(45,119,243,0.4);
}

:deep(.ant-input) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #FFFFFF;
  background: transparent;
}

:deep(.ant-input::placeholder) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #AAAAAA;
}

:deep(.ant-btn-default) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #FFFFFF;
  background-color: rgba(58,98,203,0.8);
  box-shadow: inset 0 0 20px 2px #3A62CB;
  height: 36px;
  border-radius: 6px;
  border: none;
}

:deep(.ant-btn-default:hover) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #FFFFFF;
  background-color: rgba(58,98,203,0.8);
  box-shadow: inset 0 0 20px 2px #006CC6;
  height: 36px;
  border-radius: 6px;
  border: none;
}

:deep(.ant-btn-primary) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #3793d4;
  box-shadow: inset 0 0 20px 2px #006CC6;
  height: 36px;
  border-radius: 6px;
  border: none;
}

:deep(.ant-btn-primary:hover) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #FFFFFF;
  background-color: rgba(69,175,223,0.8);
  box-shadow: inset 0 0 20px 2px #006CC6;
  height: 36px;
  border-radius: 6px;
  border: none;
}

:deep(.vben-basic-table .ant-table-wrapper) {
  background-color: transparent !important;
  padding: 0;
}

:deep(.ant-spin-container) {
  margin: 0 5px;
}

:deep(.ant-table.ant-table-middle) {
  border-radius: 0;
  background-color: transparent !important;
}

:deep(.vben-basic-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title) {
  padding-top: 8px !important;
  border-radius: 0;
  background-color: #13265a !important;
}

:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container) {
  border-inline-start: 1px solid rgba(45,119,243,0.3) !important;
}

:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table) {
  border-top: 1px solid rgba(45,119,243,0.3) !important;
}

:deep(.ant-table-cell) {
  background-color: #0d1540 !important;
}

:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >thead>tr>th),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead>tr>th),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >thead>tr>th),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tbody>tr>td),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tbody>tr>td),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tbody>tr>td),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tbody>tr>td),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tfoot>tr>th),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tfoot>tr>th),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tfoot>tr>th),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tfoot>tr>th),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tfoot>tr>td),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tfoot>tr>td),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tfoot>tr>td),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tfoot>tr>td) {
  border-inline-end: 1px solid rgba(45,119,243,0.3) !important;
}

:deep(.ant-table-wrapper .ant-table-tbody >tr.ant-table-row:hover>td),
:deep(.ant-table-wrapper .ant-table-tbody >tr >td.ant-table-cell-row-hover) {
  background: #273c62 !important;
}

:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th),
:deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead>tr>th) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  border-bottom: none;
  background: #13265a !important;
}

:deep(.ant-table-wrapper .ant-table-cell-ellipsis.ant-table-cell-fix-right-first) {
  overflow: hidden !important;
  border-left: 1px solid rgba(45,119,243,0.3) !important;
}

:deep(.ant-table-tbody >tr >td) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #ffffff;
  border-bottom: 1px solid rgba(45,119,243,0.3) !important;
}

:deep(.ant-pagination-total-text) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #ffffff;
}

:deep(.ant-pagination.ant-pagination-mini .ant-pagination-item) {
  min-width: 28px;
  height: 28px;
  margin: 0;
  line-height: 26px;
}

:deep(.ant-pagination .ant-pagination-item-active:hover) {
  border-color: rgba(45,119,243,0.3) !important;
  background: rgba(45,119,243,0.2) !important;
}

:deep(.ant-pagination .ant-pagination-item-active) {
  font-weight: bold;
  border-color: rgba(45,119,243,0.4) !important;
  background: rgba(45,119,243,0.3) !important;
}

:deep(.ant-pagination .ant-pagination-item a) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #ffffff;
}

:deep(.ant-pagination.ant-pagination-mini .ant-pagination-prev),
:deep(.ant-pagination.ant-pagination-mini .ant-pagination-next) {
  width: 28px;
  height: 28px;
  padding-top: 2px;
  color: #ffffff;
}

:deep(.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper) {
  height: 28px;
  line-height: 28px;
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #ffffff;
}

:deep(.ant-select-selector) {
  border: 1px solid rgba(45,119,243,0.3) !important;
  background-color: rgba(45,119,243,0.2) !important;
  height: 36px !important;
}

:deep(.ant-pagination-options .ant-select-selector) {
  height: 28px !important;
}

:deep(.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector) {
  border: 1px solid rgba(45,119,243,0.4) !important;
  background-color: rgba(45,119,243,0.3) !important;
}

:deep(.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector) {
  width: 100%;
  height: 36px;
  padding: 1px 11px 0 11px;
}

:deep(.ant-select .ant-select-selection-placeholder) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #aaaaaa;
  line-height: 34px;
}

:deep(.ant-select-selector .ant-select-selection-item) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #ffffff;
  line-height: 34px;
}

:deep(.ant-select-selection-item) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #ffffff;
  line-height: 34px;
}

:deep(.ant-select-open .ant-select-selection-item) {
  color: #aaaaaa;
}

:deep(.ant-select .ant-select-arrow) {
  padding-top: 2px;
  color: #ffffff;
}

:deep(.ant-select-dropdown) {
  border-radius: 6px !important;
  border: 1px solid #183171 !important;
  background-color: #13265a !important;
}

:deep(.ant-select-item-option-content) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #ffffff;
}

:deep(.ant-select-item-option-active) {
  background-color: rgba(146,214,237,0.3) !important;
}

:deep(.ant-select-item-option-selected) {
  font-weight: normal !important;
  background-color: rgba(146,214,237,0.4) !important;
}

:deep(.ant-empty-description) {
  color: #999999;
}

:deep(.ant-pagination-options-quick-jumper) {
  & > input {
    font-family: "Noto Sans SC", serif;
    font-size: 14px;
    color: #FFFFFF;
    height: 26px !important;
    line-height: 26px;
    background-color: rgba(45, 119, 243, 0.2);
    border: 1px solid rgba(45, 119, 243, 0.3);
  }

  & > input:hover,
  & > input:focus {
    background-color: rgba(45, 119, 243, 0.3);
    border: 1px solid rgba(45, 119, 243, 0.4);
  }
}

:deep(.ant-input-clear-icon) {
  color: white !important;
}

:deep(.ant-input-password-icon) {
  color: white !important;
}

:deep(.ant-select-clear) {
  color: white !important;
  background: transparent !important;
}

:deep(.vben-basic-table-action button:disabled) {
  color: #999999 !important;
}

:deep(.vben-tree) {
  border-radius: 6px !important;
  border: 1px solid #183171 !important;
  background-color: #13265a !important;
}

:deep(.vben-tree-header) {
  border-bottom: 1px solid #183171;
}

:deep(.vben-basic-title) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color:white;
}

:deep(.ant-tree-list) {
  background: #13265a !important;
}

:deep(.vben-tree__title) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color:white;
}

:deep(.ant-tree-switcher-icon) {
  color: white !important;
}

:deep(.ant-dropdown-trigger) {
  padding-top: 2px;
  color: white !important;
}

:deep(.ant-tree-treenode .ant-tree-treenode-switcher-close .ant-tree-treenode-selected) {
  background-color: rgba(146,214,237,0.3) !important;
}

:deep(.ant-popover-inner) {
  border: 1px solid #183171 !important;
  background-color: #13265a !important;
}

:deep(.ant-popconfirm-message-title) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color:white;
}