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) {
//  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 >input.ant-input) {
//  height: 26px;
//}
//
//: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-affix-wrapper > textarea) {
//  padding: 4px 11px;
//  border: 1px solid rgba(45,119,243,0.3);
//}
//
//: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-default:disabled),
//:deep(.ant-btn-default:disabled:hover),
//:deep(.ant-btn-default:disabled svg) {
//  color: #AAAAAA;
//}

//: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) {
//  background: transparent;
//}
//
:deep(.ant-table-wrapper) {
  background: transparent;
}
//
//: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: 8px 8px 0 0;
//  border-left: 1px solid #183171 !important;
//  border-top: 1px solid #183171 !important;
//  border-right: 1px solid #183171 !important;
//  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;
}

:deep(.ant-picker),
:deep(.ant-picker-range) {
  height: 36px;
  border-color: rgba(45,119,243,0.3);
  background: rgba(45,119,243,0.2);
}

:deep(.ant-picker:hover) {
  border-color: rgba(45,119,243,0.4);
  background: rgba(45,119,243,0.3);
}

:deep(.ant-picker-focused),
:deep(.ant-picker-range:hover),
:deep(.ant-picker-range:focus) {
  border-color: rgba(45,119,243,0.4);
  background: rgba(45,119,243,0.3);
}

:deep(.vben-basic-table .ant-picker-range) {
  width: 100%;
}

:deep(.ant-picker-input >input) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: white;
}

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

:deep(.anticon) {
  color: white !important;
}

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

:deep(.ant-picker-cell) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: #999999;
}

:deep(.ant-picker-cell-in-view) {
  color: white !important;
}

:deep(.ant-picker-content th) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: white !important;
}
:deep(.ant-picker-header-super-prev-btn),
:deep(.ant-picker-header-prev-btn),
:deep(.ant-picker-header-super-next-btn),
:deep(.ant-picker-header-next-btn),
:deep(.ant-picker-year-btn),
:deep(.ant-picker-month-btn),
:deep(.ant-picker-decade-btn) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: white !important;
}

:deep(.ant-picker-header-view),
:deep(.ant-picker-time-panel-cell-inner) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: white !important;
}

:deep(.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner) {
  background-color: rgba(146,214,237,0.3) !important;
}

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

:deep(.ant-card-body) {
  padding: 0 !important ;
}

:deep(.ant-page-header-heading-title) {
  font-family: "Noto Sans SC", serif;
  font-size: 20px;
  font-weight: normal;
  color: white !important;
}

:deep(.ant-descriptions-view) {
  border: 1px solid #183171 !important;
}

:deep(.ant-descriptions-row) {
  border-bottom: 1px solid #183171 !important;
}

:deep(.ant-descriptions-item-label) {
  background-color: rgba(146,214,237,0.05) !important;
}

:deep(.ant-descriptions-item-label),
:deep(.ant-descriptions-item-content) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: white !important;
  border-inline-end: 1px solid #183171 !important;
}

//:deep(.ant-checkbox-inner) {
//  border: 1px solid rgba(45, 119, 243, 0.3) !important;
//  background-color: #13265a !important;
//}

:deep(.CodeMirror) {
  border-radius: 6px;
  border: 1px solid rgba(45, 119, 243, 0.3) !important;
  background-color: #13265a !important;
}

:deep(.CodeMirror-lines) {
  font-family: "Noto Sans SC", serif;
  font-size: 14px;
  color: white !important;
}

:deep(.CodeMirror-gutters) {
  border-right: 1px solid rgba(45, 119, 243, 0.3) !important;
}

:deep(.CodeMirror-cursor) {
  border-left: 1px solid white;
}

:deep(.cm-string) {
  color: darkorange !important;
}

:deep(.ant-descriptions-item-label) {
  width: 120px;
}