/** 深色主题 */
$--color-white: #141414 !default;
$--color-black: #ffffff !default;

$--color-info: #909399 !default;

$--color-success-light: #274916 !default;
$--color-warning-light: #594214 !default;
$--color-danger-light: #58181c !default;
$--color-info-light: #58595c !default;

$--color-success-lighter: #162312 !default;
$--color-warning-lighter: #2b2111 !default;
$--color-danger-lighter: #2a1215 !default;
$--color-info-lighter: #2a2b2b !default;

$--color-text-primary: #f2f2f2 !default;
$--color-text-regular: #bfbfbf !default;
$--color-text-secondary: #8c8c8c !default;
$--color-text-placeholder: #595959 !default;

/* Border */
$--border-color-base: #434343 !default;
$--border-color-light: #303030 !default;
$--border-color-lighter: #2d2d2d !default;
$--border-color-extra-light: #202020 !default;

/* Background */
$--background-color-base: #262626 !default;

/* BoxShadow */
$--box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
  0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2) !default;
$--box-shadow-light: $--box-shadow-base !default;

/* Typography */
$--font-color-disabled-base: $--color-text-placeholder !default;

/* Icon */
$--icon-color: $--color-text-regular !default;
$--checkbox-disabled-input-fill: $--background-color-base !default;
$--checkbox-checked-icon-color: $--color-black !default;
$--checkbox-button-checked-font-color: $--color-black !default;

/* Checkbox */
$--checkbox-background-color: transparent !default;

/* Radio */
$--radio-input-background-color: transparent !default;
$--radio-icon-color: $--color-black !default;
$--radio-checked-icon-color: transparent !default;
$--radio-button-checked-font-color: $--color-black !default;

/* Input */
$--input-background-color: transparent !default;

/* Cascader */
$--cascader-tag-background: $--color-info-lighter !default;

/* Group */
$--group-option-fill-hover: $--background-color-base !default;
$--group-title-color: $--color-text-primary !default;

/* Tab */
$--tab-border-line: 1px solid $--border-color-light !default;
$--tab-header-fill-active: $--background-color-base !default;
$--tab-header-fill-hover: $--background-color-base !default;
$--tab-vertical-header-count-color: $--color-black !default;

/* Button */
$--button-default-background-color: transparent !default;
$--button-disabled-background-color: transparent !default;
$--button-primary-font-color: $--color-black !default;
$--button-success-font-color: $--color-black !default;
$--button-warning-font-color: $--color-black !default;
$--button-danger-font-color: $--color-black !default;
$--button-info-font-color: $--color-black !default;

/* Table */
$--table-header-background-color: #1d1d1d !default;
$--table-fixed-box-shadow: $--box-shadow-base !default;

/* Popup */
$--popup-modal-background-color: #000000 !default;

/* Popover */
$--popover-background-color: #1f1f1f !default;

/* Dialog */
$--dialog-background-color: $--popover-background-color !default;
$--dialog-box-shadow: $--box-shadow-base !default;

/* Select */
$--select-multiple-input-color: $--color-text-regular !default;
$--select-dropdown-background: $--popover-background-color !default;
$--select-dropdown-empty-color: $--color-text-secondary !default;

/* Tooltip */
$--tooltip-fill: #434343 !default;
$--tooltip-color: $--color-black !default;
$--tooltip-border-color: $--tooltip-fill !default;

/* DatePicker */
$--datepicker-inner-border-color: $--border-color-light !default;

/* Scrollbar */
$--scrollbar-background-color: rgba(140, 140, 140, 0.3) !default;
$--scrollbar-hover-background-color: rgba(140, 140, 140, 0.5) !default;

/* Avatar */
$--avatar-background-color: #444444 !default;

/* Descriptions */
$--descriptions-item-bordered-label-background: $--table-header-background-color !default;

/* Skeleton */
$--skeleton-color: rgba(190, 190, 190, 0.1) !default;
$--skeleton-to-color: rgba(255, 255, 255, 0.16) !default;

/* Svg */
$--svg-monochrome-grey: #a4a4a4 !default;

/* Layout */
$--layout-body-background: #000000 !default;

/* 侧栏 */
$--sidebar-light-shadow: 0 4px 4px rgba(0, 0, 0, 0.6) !default;
$--sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, 0.6) !default;

/* 顶栏 */
$--header-light-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !default;
$--header-dark-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !default;
$--header-tool-hover-bg: rgba(255, 255, 255, 0.05) !default;

/* Logo */
$--logo-light-shadow: 0 3px 4px rgba(0, 0, 0, 0.6) !default;
$--logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, 0.6) !default;

/* Menu */
$--menu-dark-background: #1f1f1f !default;

/* Image */
$--content-image-filter: brightness(0.7) !default;

$--cascader-tag-background: $--color-info-lighter;

// 默认主题
@import './default.scss';

// pagination.scss
.el-pagination.is-background .el-pager li:not(.disabled).active {
  color: $--color-black;
}

// dropdown.scss
.el-dropdown-menu {
  background-color: $--popover-background-color;
}

.el-dropdown-menu__item--divided:before {
  background-color: $--popover-background-color;
}

// menu.scss
.el-menu {
  border-right: 1px solid $--border-color-lighter;
}

.el-menu.el-menu--horizontal {
  border-bottom: solid 1px $--border-color-lighter;
}

// radio.scss
.el-radio__inner::after {
  width: 8px;
  height: 8px;
  background-color: $--color-primary;
}

// switch.scss
.el-switch__core:after {
  background-color: $--color-black;
}

// select.scss
.el-select .el-tag {
  background-color: $--color-info-lighter;
}

// tag.scss
.el-tag--dark {
  color: $--color-black;

  &.el-tag--info,
  &.el-tag--success,
  &.el-tag--warning,
  &.el-tag--danger {
    color: $--color-black;
  }

  .el-tag__close {
    color: $--color-black;

    &:hover {
      color: $--color-black;
    }
  }
}

// table.scss
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: $--background-color-base;
}

.el-table-filter {
  background-color: $--popover-background-color;
}

// date-picker/date-table.scss
.el-date-table td.end-date div,
.el-date-table td.start-date div {
  color: $--color-black;
}

.el-date-table td.current:not(.disabled) span {
  color: $--color-black;
}

.el-date-table td.selected span {
  color: $--color-black;
}

// date-picker/month-table.scss
.el-month-table td.today.start-date .cell,
.el-month-table td.today.end-date .cell {
  color: $--color-black;
}

.el-month-table td.start-date div,
.el-month-table td.end-date div {
  color: $--color-black;
}

.el-month-table td.start-date .cell,
.el-month-table td.end-date .cell {
  color: $--color-black;
}

// date-picker/picker-panel.scss
.el-picker-panel {
  background: $--popover-background-color;
}

.el-picker-panel__footer {
  background: none;
}

.el-picker-panel__shortcut.active {
  background-color: $--color-primary-light-9;
}

.el-picker-panel__btn {
  border: 1px solid $--border-color-base;
  color: $--color-text-primary;
}

.el-picker-panel__btn[disabled] {
  color: $--color-text-placeholder;
}

.el-picker-panel *[slot='sidebar'],
.el-picker-panel__sidebar {
  background: none;
}

// date-picker/date-range-picker.scss
.el-date-range-picker__time-picker-wrap .el-picker-panel {
  background: $--popover-background-color;
}

// date-picker/time-picker.scss
.el-time-panel {
  background-color: $--popover-background-color;
}

// message-box.scss
.el-message-box {
  background-color: $--popover-background-color;
}

// tabs.scss
.el-tabs__new-tab {
  border: 1px solid $--border-color-base;
  color: $--color-text-secondary;
}

.el-tabs__item .el-icon-close:hover {
  color: $--color-black;
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border-right-color: $--color-white;
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid $--border-color-light;
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-top-color: $--border-color-light;
  border-bottom-color: $--border-color-light;
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border-left-color: $--color-white;
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid $--border-color-light;
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-top-color: $--border-color-light;
  border-bottom-color: $--border-color-light;
}

// tree.scss
.el-tree {
  background: none;
}

// alert.scss
.el-alert.is-dark .el-alert__closebtn,
.el-alert.is-dark .el-alert__description {
  color: $--color-black;
}

.el-alert--success.is-dark {
  color: $--color-black;
}

.el-alert--info.is-dark {
  color: $--color-black;
}

.el-alert--warning.is-dark {
  color: $--color-black;
}

.el-alert--error.is-dark {
  color: $--color-black;
}

// loading.scss
.el-loading-mask {
  background-color: rgba(0, 0, 0, 0.9);
}

// progress.scss
.el-progress-bar__innerText {
  color: $--color-black;
}

// upload.scss
.el-upload--picture-card {
  background-color: $--background-color-base;
  border: 1px dashed $--border-color-base;
}

.el-upload--picture-card i {
  color: $--color-text-regular;
}

.el-upload-dragger {
  background-color: $--color-white;
  border: 1px dashed $--border-color-base;
}

.el-upload-list__item .el-icon-close {
  transform: scale(1);
}

.el-upload-list--picture-card .el-upload-list__item {
  background-color: $--color-white;
  border: 1px solid $--border-color-base;
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
  color: $--color-black;
}

.el-upload-list--picture-card .el-upload-list__item-actions {
  color: $--color-black;
}

.el-upload-list--picture .el-upload-list__item {
  background-color: $--color-white;
  border: 1px solid $--border-color-base;
}

.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
  color: $--color-black;
}

.el-upload-list--picture .el-upload-list__item-status-label {
  box-shadow: none;
}

.el-upload-cover__label i {
  color: $--color-black;
}

.el-upload-cover__interact .btn {
  color: $--color-black;
}

.el-upload-cover__interact .btn i {
  color: $--color-black;
}

// spinner.scss
.el-spinner-inner .path {
  stroke: $--border-color-light;
}

// message.scss
.el-message {
  border-color: $--color-primary-light-8;
}

// badge.scss
.el-badge__content {
  color: $--color-black;
}

// carousel.scss
.el-carousel__arrow {
  color: $--color-black;
}

.el-carousel__button {
  background-color: $--color-black;
}

// cascader.scss
.el-cascader__tags .el-tag {
  background: $--color-info-lighter;
}

.el-cascader__tags .el-tag .el-icon-close {
  color: $--color-black;
}

// color-picker.scss
.el-color-svpanel__cursor > div {
  cursor: pointer;
}

.el-color-dropdown__btn {
  border: 1px solid $--border-color-base;
  color: $--color-text-primary;
}

.el-color-dropdown__btn[disabled] {
  color: $--color-text-placeholder;
}

.el-color-picker__trigger {
  border: 1px solid $--border-color-light;
}

.el-color-picker__color {
  border: 1px solid $--color-text-placeholder;
}

.el-color-picker__icon {
  color: $--color-black;
}

.el-color-picker__panel {
  background-color: $--popover-background-color;
}

// transfer.scss
.el-transfer__button {
  color: $--color-black;
}

.el-transfer-panel {
  background: none;
}

.el-transfer-panel .el-transfer-panel__footer {
  background: none;
}

// timeline-item.scss
.el-timeline-item__icon {
  color: $--color-black;
}

// calendar.scss
.el-calendar {
  background-color: $--color-white;
}

.el-calendar__title {
  color: $--color-text-primary;
}

// drawer.scss
.el-drawer__header {
  color: $--color-text-regular;
}
