[data-theme='dark'] {
  --el-color-white: #383838;
  --el-border-base: 1px solid #434343;
  --el-border-color-light: #434343;
  --el-border-color-lighter: #434343;
  --el-border-color-hover: #6d6d6d;
  --el-text-color-primary: #fff;
  --el-text-color-placeholder: #5c5c5c;
  --el-text-color-regular: #d0d0d0;
  --el-disabled-border-base: #434343;
  --el-disabled-fill-base: #383838;
  --el-disabled-border-color: #434343;
  --el-disabled-bg-color: #18181c;
  --el-disabled-text-color: #5c5c5c;
  --el-bg-color: #3f3f3f;
  --el-bg-color-base: #3f3f3f;
  --el-datepicker-inner-border-color: #434343;
  --el-datepicker-inrange-background-color: #383838;
  --el-datepicker-inrange-hover-background-color: #434343;
  --el-dropdown-menuItem-hover-fill: #434343;
  --el-dropdown-menuItem-hover-color: #fff;
  --el-datepicker-border-color: #434343;
  --el-svg-monochrome-grey: #434343;
  --el-button-disabled-font-color: #5c5c5c;
  --el-border-color-base: rgb(255 255 255 / 9%);
}

[data-theme='dark'] #app {
  background: #222225;
  color: #d0d0d0;
}

[data-theme='dark'] .el-input__inner {
  --el-input-font-color: #d0d0d0;
  --el-disabled-color-base: #5c5c5c;
  --el-disabled-fill-base: #18181c;
}

[data-theme='dark'] .el-input-group__append,
[data-theme='dark'] .el-input-group__prepend {
  --el-background-color-base: #383838;
  --el-color-info: #d0d0d0;

  border-color: #434343;
}

[data-theme='dark'] .el-input .el-input__count .el-input__count-inner {
  background: none;
}

[data-theme='dark'] .el-radio {
  --el-radio-font-color: #d0d0d0;
}

[data-theme='dark'] .el-radio-button {
  --el-radio-button-checked-text-color: #fff;
}

[data-theme='dark'] .el-checkbox {
  --el-checkbox-font-color: #d0d0d0;
  --el-checkbox-checked-icon-color: #fff;
  --el-checkbox-disabled-input-fill: #383838;
  --el-checkbox-disabled-border-color: #383838;
  --el-checkbox-disabled-checked-input-fill: #383838;
}

[data-theme='dark'] .el-checkbox-button {
  --el-checkbox-button-checked-font-color: #fff;
}

[data-theme='dark'] .el-select {
  --el-select-input-color: #d0d0d0;
}

[data-theme='dark'] .el-switch {
  --el-switch-off-color: #383838;
}

[data-theme='dark'] .el-cascader__dropdown {
  --el-cascader-menu-fill: #383838;
}

[data-theme='dark'] .el-button {
  --el-button-default-background-color: none;
}

[data-theme='dark'] .el-dialog {
  --el-dialog-bg-color: #18181c;
}

[data-theme='dark'] .el-drawer {
  --el-drawer-bg-color: #18181c;
  --el-text-color-primary: #fff;
}

[data-theme='dark'] .el-table {
  --el-table-font-color: #d0d0d0;
  --el-table-header-bg-color: #18181c;
  --el-table-current-row-bg-color: #3f3f3f;
  --el-table-row-hover-bg-color: #373737;
  --el-table-border-color: #434343;
}

[data-theme='dark'] .el-descriptions {
  --el-descriptions-item-bordered-label-background: #222225;
}

[data-theme='dark'] .el-skeleton {
  --el-skeleton-color: #434343;
}

[data-theme='dark'] .el-collapse {
  --el-collapse-header-bg-color: none;
  --el-collapse-content-bg-color: none;
}

[data-theme='dark'] .el-calendar {
  --el-calendar-selected-bg-color: #222225;
}

[data-theme='dark'] .el-dropdown__popper {
  --el-dropdown-menuItem-hover-fill: #222225;
}

[data-theme='dark'] .el-date-range-picker {
  --el-datepicker-inrange-bg-color: #383838;
  --el-datepicker-inrange-hover-bg-color: #383838;
}

[data-theme='dark'] .el-card {
  --el-card-border-color: rgb(255 255 255 / 9%);
  --el-border-color-base: rgb(255 255 255 / 9%);

  background: #18181c;
  border-color: #18181c;
  color: #d0d0d0;
}

[data-theme='dark'] .el-divider--horizontal {
  --el-border-color-base: rgb(255 255 255 / 9%);
}

[data-theme='dark'] .el-input,
[data-theme='dark'] .el-textarea {
  --el-input-bg-color: rgb(255 255 255 / 10%);
  --el-input-border-color: #101014;
}

[data-theme='dark'] .el-card__header {
  color: #d0d0d0;
}

[data-theme='dark'] .el-main.nopadding {
  background: #18181c !important;
  border-color: #434343;
}

[data-theme='dark'] .el-header {
  background: #18181c;
  border-color: #434343;
}

[data-theme='dark'] .el-aside {
  background: #18181c;
  border-color: #434343 !important;
}

[data-theme='dark'] .el-footer {
  background: #18181c;
  border-color: #434343;
}

[data-theme='dark'] .el-tree {
  background: none;
  color: #d0d0d0;
}

[data-theme='dark'] .el-tree-node:focus > .el-tree-node__content {
  background: rgb(0 0 0 / 20%);
}

[data-theme='dark'] .el-tree-node__content:hover {
  background: rgb(0 0 0 / 20%);
}

[data-theme='dark'] .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: rgb(0 0 0 / 20%);
}

[data-theme='dark'] .el-table {
  background: #18181c;
  color: #d0d0d0;
}

[data-theme='dark'] .el-table thead.is-group th {
  background: rgb(0 0 0 / 20%);
}

[data-theme='dark'] .el-table th.is-sortable:hover {
  background: rgb(0 0 0 / 20%);
}

[data-theme='dark'] .el-table tr {
  background: #2e2e2e;
}

[data-theme='dark'] .el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #18181c;
}

[data-theme='dark'] .el-table .el-table__body-wrapper {
  background: #222225;
}

[data-theme='dark'] .el-table__header-wrapper tr th.el-table-fixed-column--right {
  background: var(--el-table-header-bg-color);
}

[data-theme='dark'] .el-table__body-wrapper tr td.el-table-fixed-column--right {
  background: #2e2e2e;
}

[data-theme='dark'] .el-table__header-wrapper tr th.el-table-fixed-column--left {
  background: var(--el-table-header-bg-color);
}

[data-theme='dark'] .el-table__body-wrapper tr td.el-table-fixed-column--left {
  background: #2e2e2e;
}

[data-theme='dark'] .el-table__body tr.hover-row > td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
}

[data-theme='dark'] .el-loading-mask {
  background-color: rgb(0 0 0 / 50%);
}

[data-theme='dark'] .el-tabs--border-card {
  background: #18181c;
}

[data-theme='dark'] .el-tabs--border-card > .el-tabs__header {
  background: #222225;
}

[data-theme='dark'] .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background: #18181c;
}

[data-theme='dark'] .el-tabs__item {
  color: #d0d0d0;
}

[data-theme='dark'] .el-tabs__nav-wrap::after {
  background: #434343;
}

[data-theme='dark'] .el-radio-button__inner {
  border-color: #434343;
  color: #d0d0d0;
}

[data-theme='dark'] .el-radio-button:first-child .el-radio-button__inner {
  border-left-color: #434343;
}

[data-theme='dark'] .el-checkbox-button__inner {
  border-color: #434343;
  color: #d0d0d0;
}

[data-theme='dark'] .el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left-color: #434343;
}

[data-theme='dark'] .el-input-number__decrease,
[data-theme='dark'] .el-input-number__increase {
  background: #383838;
  color: #d0d0d0;
}

[data-theme='dark'] .el-input-number.is-disabled .el-input-number__decrease,
[data-theme='dark'] .el-input-number.is-disabled .el-input-number__increase {
  background: #18181c;
}

[data-theme='dark'] .el-select .el-select__tags .el-tag {
  background: rgb(0 0 0 / 20%);
}

[data-theme='dark'] .el-switch__core .el-switch__action {
  background: #d0d0d0;
}

[data-theme='dark'] .el-picker__popper.el-popper[role='tooltip'] {
  background: #18181c;
}

[data-theme='dark'] .el-picker-panel {
  background: #18181c;
}

[data-theme='dark'] .el-picker-panel__footer {
  background: #18181c;
}

[data-theme='dark'] .el-picker-panel .el-time-panel {
  background: #18181c;
}

[data-theme='dark'] .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: rgb(0 0 0 / 20%);
}

[data-theme='dark'] .el-date-editor .el-range-input {
  background: none;
}

[data-theme='dark'] .el-dropdown__popper.el-popper[role='tooltip'] {
  background: #18181c;
}

[data-theme='dark'] .el-dropdown-menu {
  background: #18181c;
}

[data-theme='dark'] .el-dropdown-menu__item--divided::before {
  background: #18181c;
}

[data-theme='dark'] .el-tag.el-tag--light {
  background: none;
  border-color: #434343;
}

[data-theme='dark'] .el-button.is-plain {
  background: none;
  border-color: var(--el-button-hover-color);
}

[data-theme='dark'] .el-button.is-plain:active {
  background: #383838;
}

[data-theme='dark'] .el-button.is-plain:hover,
[data-theme='dark'] .el-button.is-plain:focus {
  color: var(--el-button-hover-color);
  border-color: var(--el-button-hover-color);
}

[data-theme='dark'] .el-button--default:hover,
[data-theme='dark'] .el-button--default:focus {
  background: #383838;
  border-color: var(--el-color-primary);
}

[data-theme='dark'] .el-button--default.is-plain {
  border-color: var(--el-button-border-color);
}

[data-theme='dark'] .el-button--default.is-plain:hover,
[data-theme='dark'] .el-button--default.is-plain:focus {
  background: none;
  border-color: var(--el-border-color-hover);
}

[data-theme='dark'] .el-button--default.is-plain:active {
  background: #383838;
}

[data-theme='dark'] .el-button--primary {
  color: #fff;
}

[data-theme='dark'] .el-button--primary:focus,
[data-theme='dark'] .el-button--primary:hover {
  background: var(--el-color-primary-light-2);
  border-color: var(--el-color-primary-light-2);
}

[data-theme='dark'] .el-button--primary:active {
  background-color: var(--el-color-primary-darken-1, #0d84ff);
  border-color: var(--el-color-primary-darken-1, #0d84ff);
  color: #fff;
}

[data-theme='dark'] .el-button--primary.is-plain {
  border-color: var(--el-color-primary);
  color: var(--el-color-primary);
}

[data-theme='dark'] .el-button--primary.is-plain:focus,
[data-theme='dark'] .el-button--primary.is-plain:hover {
  background: none;
  border-color: var(--el-color-primary);
  color: var(--el-color-primary-light-2);
}

[data-theme='dark'] .el-button--primary.is-plain:active {
  background: #383838;
}

[data-theme='dark'] .el-button.is-disabled,
[data-theme='dark'] .el-button.is-disabled:hover {
  background: #383838;
  border-color: #434343;
  color: var(--el-button-disabled-font-color);
}

[data-theme='dark'] .el-button--success,
[data-theme='dark'] .el-button--info,
[data-theme='dark'] .el-button--warning,
[data-theme='dark'] .el-button--danger {
  color: #fff;
}

[data-theme='dark'] .el-badge__content {
  color: #fff;
}

[data-theme='dark'] .el-pagination.is-background .btn-next,
[data-theme='dark'] .el-pagination.is-background .btn-prev,
[data-theme='dark'] .el-pagination.is-background .el-pager li {
  background: #383838;
}

[data-theme='dark'] .el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #fff;
}

[data-theme='dark'] .el-descriptions__body {
  background: none;
}

[data-theme='dark'] .el-alert--info.is-light {
  background: #383838;
}

[data-theme='dark'] .el-alert--success.is-light {
  background: #273a1d;
}

[data-theme='dark'] .el-alert--warning.is-light {
  background: #3e2e15;
}

[data-theme='dark'] .el-alert--error.is-light {
  background: #3a2323;
}

[data-theme='dark'] .el-divider__text {
  background: #18181c;
}

[data-theme='dark'] .el-calendar {
  background: #18181c;
}

[data-theme='dark'] .el-calendar__title {
  color: #d0d0d0;
}

[data-theme='dark'] .el-switch__core .el-switch__inner .is-icon,
[data-theme='dark'] .el-switch__core .el-switch__inner .is-text {
  color: #fff;
}

[data-theme='dark'] .el-step .el-step__icon {
  background: #18181c;
}

[data-theme='dark'] .el-popper.is-light {
  background: #18181c;
  color: #d0d0d0;
}

[data-theme='dark'] .el-popper.is-light .el-popper__arrow::before {
  background: #18181c;
}

[data-theme='dark'] .el-color-picker__trigger {
  border-color: #434343;
}

[data-theme='dark'] .el-empty__image svg #Rectangle-Copy {
  fill: #111;
}

[data-theme='dark'] .el-empty__image svg #Rectangle-Copy-10 {
  fill: #555;
}

[data-theme='dark'] .el-empty__image svg #Rectangle-Copy-11 {
  fill: #333;
}

[data-theme='dark'] .el-empty__image svg #Rectangle-Copy-12 {
  fill: #424242;
}

[data-theme='dark'] .el-empty__image svg #Rectangle-Copy-13 {
  fill: #555;
}

[data-theme='dark'] .el-empty__image svg #Rectangle-Copy-14 {
  fill: #555;
}

[data-theme='dark'] .el-empty__image svg #Rectangle-Copy-15 {
  fill: #18181c;
}

[data-theme='dark'] .el-empty__image svg #Rectangle-Copy-18 {
  fill: #555;
}

[data-theme='dark'] .el-empty__image svg #Mask {
  fill: #222;
}

[data-theme='dark'] .el-empty__image svg #Oval-Copy-2 {
  fill: #1d1d1d;
}

[data-theme='dark'] .el-menu--horizontal {
  border: none !important;
}

[data-theme='dark'] .admin-layout {
  color: #fff !important;
}

[data-theme='dark'] .admin-layout .layout-header {
  background-color: #18181c !important;
}

[data-theme='dark'] .admin-layout-content-main {
  background-color: #101014 !important;
}

[data-theme='dark'] .admin-layout-sider {
  background-color: #18181c !important;
}

[data-theme='dark'] .el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
  background-color: transparent;
  color: #fff;
}

[data-theme='dark'] .el-popper.is-light {
  border: none;
}

[data-theme='dark'] .el-menu--horizontal > .el-menu .el-menu-item:hover {
  color: #fff;
  border: none;
}

[data-theme='dark'] .tabs-view-main .tabs-card-scroll-item,
[data-theme='dark'] .tabs-view .tabs-close {
  background-color: #18181c !important;
  color: #fff !important;
}
