.theme-bule {

  .avue-top, .avue-logo {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.85);
  }

  .avue-top {
    .top-bar__right,
    .avue-breadcrumb,
    .top-bar__item,
    .el-dropdown,
    .el-dropdown-link {
      color: rgba(0, 0, 0, 0.85);

      i {
        color: rgba(0, 0, 0, 0.65);
      }
    }
  }

  .avue-sidebar {
    background: #004ca7;

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

  .avue-logo {
    .avue-logo_title {
      color: rgba(0, 0, 0, 0.85);
    }
  }

  .avue-breadcrumb {
    i {
      color: rgba(0, 0, 0, 0.65);
    }
  }

  .top-bar__item {
    i {
      color: rgba(0, 0, 0, 0.65);
    }
  }

  .avue-top {

    .el-menu-item {
      i,
      span {
        color: rgba(0, 0, 0, 0.85);
      }

      &:hover {
        i,
        span {
          color: var(--el-color-primary);
        }
      }
    }
  }
}