.theme-bule {
  .avue-header,
  .avue-logo {
    background: #004ca7;
  }

  .avue-sidebar {
    background: #004ca7;

    .el-menu-item.is-active,
    .el-submenu__title.is-active {
      background-color: rgba(0, 0, 0, 0.2);
    }
  }

  .el-dropdown {
    color: #fff;
  }

  .avue-logo {
    .avue-logo_title {
      color: #fff;
    }
  }

  .avue-breadcrumb {
    i {
      color: #fff;
    }
  }

  .top-bar__item {
    i {
      color: #fff;
    }
  }

  .avue-top {
    .el-menu-item {
      i,
      span {
        color: #fff;
      }

      &:hover {
        i,
        span {
          color: #fff;
        }
      }
    }
  }
}

.theme-deep-bule {
  background: #19305c;

  .avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item {
    color: #fff;
  }

  .avue-tags .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    color: #409eff;
  }

  .avue-contail {
    background: #19305c;
  }

  .avue-header,
  .avue-logo {
    background: #19305c;
  }

  .avue-sidebar {
    background: #19305c;

    .el-menu-item.is-active,
    .el-submenu__title.is-active {
      background-color: rgba(0, 0, 0, 0.2);
    }
  }

  .el-dropdown {
    color: #fff;
  }

  .avue-logo {
    .avue-logo_title {
      color: #fff;
    }
  }

  .avue-breadcrumb {
    i {
      color: #fff;
    }
  }

  .top-bar__item {
    i {
      color: #fff;
    }
  }

  .avue-top {
    .el-menu-item {
      i,
      span {
        color: #fff;
      }

      &:hover {
        i,
        span {
          color: #fff;
        }
      }
    }
  }

  .el-select-dropdown {
    background: #0146f0;
    color: #8ab6ff;
    border: 1px solid #0140d8;
  }

  .el-popper[x-placement^="bottom"] .popper__arrow::after {
    border-bottom-color: #0146f0;
  }

  .el-popper[x-placement^="bottom"] .popper__arrow {
    border-bottom-color: #0146f0;
  }

  .el-select-dropdown__item {
    color: #8ab6ff;
  }

  .el-select-dropdown__item.hover,
  .el-select-dropdown__item:hover {
    background-color: #155cf7;
  }

  .el-button:focus,
  .el-button:hover {
    color: #f0f0f0;
    border-color: #83c1ff;
    background-color: #83c1ff;
  }

  .avue-crud__right {
    display: none !important;
  }

  .el-button--default {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff9ff;
  }

  .el-card {
    height: 100%;
    background: #19305c;
    color: #fff;

    .el-table,
    .el-table__expanded-cell {
      background-color: #19305c;
    }

    .el-table--border::after,
    .el-table--group::after,
    .el-table::before {
      background-color: #1a325f;
    }

    .el-table__fixed-right::before,
    .el-table__fixed::before {
      background-color: #1a325f;
    }

    .el-loading-mask {
      background-color: #1a325fe1;
    }

    .el-table th {
      background-color: #155cf7;
      color: #fff;
    }
    //表格 行颜色
    .el-table td {
      background: #004ca7;
      color: #fff;
    }

    .el-table--striped .el-table__body tr.el-table__row--striped td {
      background: #044be3;
    }

    .el-button--text {
      color: #fff;
    }

    .el-collapse-item__wrap {
      background-color: #19305c;
    }

    .el-collapse {
      border-top: 1px solid #1a325f;
      border-bottom: 1px solid #1a325f;
    }

    .avue-crud__menu {
      background-color: #19305c;
    }

    .el-form-item__label {
      color: #fff;
    }

    .el-pagination__total {
      color: #fff;
    }

    .el-pagination__jump {
      color: #fff;
    }

    .avue-empty__desc {
      color: #fff;
    }

    .el-table--border,
    .el-table--group {
      border: 1px solid#53a7fa;
    }

    .el-table--border td,
    .el-table--border th,
    .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
      border-color: #53a7fa;
    }

    .el-table td,
    .el-table th.is-leaf {
      border-color: #53a7fa;
    }

    .el-input__inner {
      background: #0146f0;
      color: #8ab6ff;
    }

    .el-tooltip input {
      background: #0146f0;
      color: #8ab6ff;
    }

    .el-range-separator {
      color: #8ab6ff;
    }

    .el-date-editor,
    .el-input input {
      border-color: #0140d8;
    }

    .avue-group .el-collapse,
    .avue-group .el-collapse-item__wrap {
      border-color: #19305c;
    }

    .el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
      margin: 0 5px;
      background-color: #409eff;
      color: #fff;
      min-width: 30px;
      border-radius: 2px;
    }

    .el-tag {
      background-color: #409eff;
      color: #fff;
      border-color: #53a7fa;
    }
  }

  #avue-view {
    & > .el-row {
      & > .el-col:first-child {
        padding-right: 2px;
      }

      & > .el-col:last-child {
        padding-left: 2px;
      }

      & > .el-col {
        height: 100%;
        margin-bottom: 0px;

        & > .basic-container {
          padding: 0;
          height: 100%;
        }
      }
    }
  }
}