
.header {
  color: $head-color;
  background: $head-bg-color;
  box-shadow: 0 2px 8px rgba(47, 53, 87, 0.2);
}

.desktop {
  .box-min {
    .box-min-item {
      color: $sider-text-color;
      background-color: $sider-bg-close-color;
      border-bottom: 1px solid rgba(213, 208, 215, 0.2);
      box-shadow: 0 2px 8px rgba(43, 22, 54, 0.2);

      &:hover {
        background-color: $sider-bg-open-color;
      }
    }
  }

  .app-sider {
    background: $sider-bg-open-color;

    .ant-tabs {
      color: white;
    }
  }
}

.main-view {
  background: $main-content-bg-color;

  > .main-content {
    background: $main-content-page-color;
  }
}
