.theme-renren {
  .avue-logo {
    background-color: var(--el-color-primary);

    .avue-logo_title {
      font-weight: 500;
      font-size: 20px;
      color: #fff;
    }
  }

  .avue-tags {
    .el-tabs__item {
      font-size: 12px !important;
      font-weight: 500 !important;
    }
  }

  .avue-sidebar {
    background-color: #263238;

    .el-menu-item,
    .el-sub-menu__title {

      i,
      span {
        color: #8a979e;
      }

      &:hover {
        background-color: #2b373d;
      }

      &.is-active {
        &:before {
          display: none;
        }

        background-color: #2b373d;

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