@root-entry-name: 'default';
// @import (reference) '~antd/es/style/themes/dark.less';
@import (reference) '~antd/dist/antd.dark.less';
@history-view: ~'@{ant-prefix}-history-view';
@primaryColor: #1980ff;
@primaryColorOpacity: #1980ff16;
@primaryTextColor: #dcdcf2d9;

.@{history-view}-historyViewComponents {

  --primary-color: @primaryColor;
  --primary-color-opacity: @primaryColorOpacity;
  --primary-color50: rgba(103, 185, 184, 0.5);
  --primary-color20: rgba(103, 185, 184, 0.2);
  --main-background-color: #213853;
  --text-color: @primaryTextColor;
  --date-negative: rgba(220, 220, 242, 0.25);
  --date-border-color: #98bcfc29;
  --text-color65: rgba(255, 255, 255, 0.65);
  --text-color45: rgba(255, 255, 255, 0.45);
  --text-color25: rgba(255, 255, 255, 0.25);
  --text-color10: rgba(255, 255, 255, 0.1);
  --title-text-color: #ffffff;
  --title-text-primary-color: #ffffff;
  --background-color: #282b34;
  --border-color: #38435a;
  --panel-border-color: #38435a;
  --table-head-background-color: #dcdcf214;
  //background-color: var(--background-color);
  :global{}
  .@{ant-prefix}-table-thead > tr > th {
    background: var(--table-head-background-color);
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color);
  }

  .@{ant-prefix}-table-container {
    background: var(--background-color);
  }

  .virtual-table {
    ::-webkit-scrollbar-thumb {
      background: var(--border-color);
    }
  }

  .virtual-table-cell {
    background-color: var(--background-color);
    border-bottom-color: var(--border-color);
    color: var(--text-color);
  }


  // radio
  :global {
    .@{ant-prefix}-radio-button-wrapper {
      color: var(--text-color);
      background-color: var(--background-color);
      border-color: var(--panel-border-color);
    }

    .@{ant-prefix}-radio-button-wrapper:not(:first-child)::before {
      background-color: unset;
    }

    .@{ant-prefix}-radio-button-wrapper-checked:not(.@{ant-prefix}-radio-button-wrapper-disabled) {
      color: var(--text-color);
      background-color: var(--background-color);
    }

    .@{ant-prefix}-radio-button-wrapper-checked:not([class*=' @{ant-prefix}-radio-button-wrapper-disabled']).@{ant-prefix}-radio-button-wrapper:first-child {
      border-right-color: var(--primary-color);
    }

    .@{ant-prefix}-radio-button-wrapper-checked:not(.@{ant-prefix}-radio-button-wrapper-disabled):first-child {
      color: var(--text-color);
      border-color: var(--primary-color);
    }

    .@{ant-prefix}-radio-button-wrapper:hover {
      color: var(--primary-color);
    }

    .@{ant-prefix}-radio-button-wrapper-checked:not(.@{ant-prefix}-radio-button-wrapper-disabled) {
      background-color: var(--primary-color);
    }

  }

  // tabs
  :global {
    .@{ant-prefix}-tabs-tab.@{ant-prefix}-tabs-tab-active .@{ant-prefix}-tabs-tab-btn {
      color: var(--primary-color);
    }

    .@{ant-prefix}-tabs-tab-btn:focus,
    .@{ant-prefix}-tabs-tab-remove:focus,
    .@{ant-prefix}-tabs-tab-btn:active,
    .@{ant-prefix}-tabs-tab-remove:active {
      color: var(--primary-color);
    }

    .@{ant-prefix}-tabs-tab:hover {
      color: var(--primary-color);
    }

    .@{ant-prefix}-tabs {
      color: var(--text-color);

      h3 {
        color: var(--text-color);
      }
    }

    .@{ant-prefix}-tabs-top > .@{ant-prefix}-tabs-nav::before {
      border-bottom: 1px solid var(--panel-border-color);
    }
  }

  // checkbox
  :global {
    .@{ant-prefix}-checkbox-input {
      border: 1px solid var(--border-color);
    }

    .@{ant-prefix}-checkbox-inner {
      background-color: var(--background-color);
      border: 1px solid var(--border-color);
    }

    .@{ant-prefix}-checkbox-wrapper {
      color: var(--text-color);
    }
  }

  //date-picker
  :global {
    .@{ant-prefix}-picker {
      background-color: var(--background-color);
      border: 1px solid var(--border-color);

      input {
        color: var(--text-color);
      }
      .@{ant-prefix}-picker-clear {
        background-color: var(--background-color);
        color: var(--text-color);
      }
    }

    .@{ant-prefix}-picker-panel {
      border-bottom: 1px solid var(--date-border-color);
    }

    .@{ant-prefix}-picker-datetime-panel .@{ant-prefix}-picker-time-panel,
    .@{ant-prefix}-picker-time-panel-column:not(:first-child) {
      border-left: 1px solid var(--date-border-color);
    }

    .ant-picker-header > button,
    .@{ant-prefix}-picker-cell.@{ant-prefix}-picker-cell-in-view,
    .@{ant-prefix}-picker-content th,
    .@{ant-prefix}-picker-time-panel-column > li.@{ant-prefix}-picker-time-panel-cell .@{ant-prefix}-picker-time-panel-cell-inner {
      color: var(--text-color);
    }

    .@{ant-prefix}-picker-panel-container {
      background-color: var(--background-color) !important;
    }

    .@{ant-prefix}-picker-header {
      color: var(--text-color);
      border-bottom: 1px solid var(--date-border-color);
    }

    .@{ant-prefix}-picker-cell {
      color: var(--date-negative);
    }

    .@{ant-prefix}-picker-time-panel-column > li.@{ant-prefix}-picker-time-panel-cell .@{ant-prefix}-picker-time-panel-cell-inner:hover,
    .@{ant-prefix}-picker-time-panel-column > li.@{ant-prefix}-picker-time-panel-cell-selected .@{ant-prefix}-picker-time-panel-cell-inner,
    .@{ant-prefix}-picker-cell:hover:not(.@{ant-prefix}-picker-cell-in-view) .@{ant-prefix}-picker-cell-inner,
    .@{ant-prefix}-picker-cell:hover:not(.@{ant-prefix}-picker-cell-selected):not(.@{ant-prefix}-picker-cell-range-start):not(.@{ant-prefix}-picker-cell-range-end):not(.@{ant-prefix}-picker-cell-range-hover-start):not(.@{ant-prefix}-picker-cell-range-hover-end) .@{ant-prefix}-picker-cell-inner {
      background-color: var(--primary-color);
    }

    .@{ant-prefix}-btn-primary[disabled] {
      background-color: var(--primary-color-opacity);
      color: var(--text-color);
    }

    .@{ant-prefix}-picker-range-arrow::before {
      background-color: var(--background-color);
    }

    .@{ant-prefix}-picker-panel .@{ant-prefix}-picker-footer {
      border-top: 1px solid var(--border-color);
    }
  }

  // select
  :global {
    .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
      background-color: var(--background-color);
      color: var(--text-color);
      border-color: var(--border-color);
    }

    .@{ant-prefix}-select-item-option-active:not(.@{ant-prefix}-select-item-option-disabled) {
      background-color: var(--primary-color);
      color: var(--text-color);
    }

    .@{ant-prefix}-select-dropdown {
      background-color: var(--background-color);
    }

    .@{ant-prefix}-select-item {
      color: var(--text-color);
    }
  }
}


