k_online_ui/src/styles/Antdui.scss

.ant-picker {
  background-color: var(--management-bg-color);
  color: var(--color-neutral-1);
}
.ant-picker-range {
  height: 40px;
  background-color: var(--management-bg-color);
  border: 1px solid var(--color-select-border);
}
.ant-picker:hover,
.ant-picker-focused {
  border-color: var(--color-theme);
  box-shadow: none;
}
.ant-picker-active-bar {
  display: none;
}
.ant-picker-dropdown-range {
  z-index: 9999;
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border: none;
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  background-color: var(--color-theme);
  color: #ffffff;
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background-color: var(--color-orange-6);
}
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  )::before,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  )::before {
  background-color: var(--color-orange-6);
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range {
  color: var(--color-theme);
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view).ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start)
  :not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(
    .ant-picker-cell-range-hover-end
  ) {
  background-color: var(--color-orange-6) !important;
  color: var(--color-theme);
}
.ant-picker-dropdown
  .ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
  .ant-picker-cell-inner::after,
.ant-picker-dropdown
  .ant-picker-date-panel
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
  .ant-picker-cell-inner::after {
  background-color: var(--color-orange-6);
}
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ).ant-picker-cell-range-hover-start::before,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
    .ant-picker-cell-range-end-single
  ).ant-picker-cell-range-hover-end::before,
.ant-picker-panel
  > :not(.ant-picker-date-panel)
  .ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel
  > :not(.ant-picker-date-panel)
  .ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background-color: var(--color-orange-6);
}
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(
    .ant-picker-cell-range-start
  ):not(.ant-picker-cell-range-end)::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(
    .ant-picker-cell-range-start
  ):not(.ant-picker-cell-range-end)::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  border-top: none;
  border-bottom: none;
}
tr > .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr
  > .ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(
    .ant-picker-cell-range-hover-edge-start-near-range
  )::after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  border-inline-start: none;
}
tr > .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr
  > .ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-dropdown
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(
    .ant-picker-cell-range-hover-edge-end-near-range
  )::after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  border-inline-end: none;
}
.ant-picker-dropdown .ant-picker-header-view button:hover {
  color: var(--color-theme);
}
.ant-picker-dropdown .ant-picker-panel-container {
  background-color: var(--management-bg-color);
  border: 1px solid var(--border-color-2);
}
.ant-picker-footer {
  border-top: 1px solid var(--border-color-2);
}
.ant-picker-dropdown .ant-picker-panel {
  border: none;
}
.ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets ul li:hover {
  background: var(--color-orange-6);
}
.ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {
  color: var(--color-neutral-2);
}
.th-color.ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {
  color: var(--color-ant-picker-th);
}
.ant-picker-dropdown .ant-picker-decade-panel,
.ant-picker-dropdown .ant-picker-year-panel,
.ant-picker-dropdown .ant-picker-quarter-panel,
.ant-picker-dropdown .ant-picker-month-panel,
.ant-picker-dropdown .ant-picker-week-panel,
.ant-picker-dropdown .ant-picker-date-panel,
.ant-picker-dropdown .ant-picker-time-panel {
  border-left: 1px solid var(--border-color-2);
}
.ant-picker .ant-picker-input > input,
.ant-picker .ant-picker-input > input::placeholder {
  color: var(--color-neutral-1);
}
.ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {
  color: var(--color-neutral-1);
}
.ant-picker-dropdown .ant-picker-header {
  border-bottom: 1px solid var(--border-color-2);
}
.ant-picker .ant-picker-clear {
  background-color: var(--management-bg-color);
  color: var(--color-neutral-1);
}
.ant-picker .ant-picker-clear:hover {
  color: var(--color-neutral-1);
}
.ant-picker.ant-picker-disabled {
  border-color: var(--border-color-2);
}
.ant-picker-dropdown.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  display: none;
}
.ant-picker-input input::placeholder {
  color: var(--color-neutral-3) !important;
}
.ant-picker-input input {
  color: var(--color-neutral-1) !important;
}
.ant-picker-cell-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 6px !important;
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--color-theme) !important;
  border-color: var(--color-theme) !important;
}
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner, .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
  border-color: var(--color-theme) !important;
}
.ant-checkbox-checked:after{
  border-color: var(--color-theme) !important;
}