// You can directly set the default theme
// - `default` Default theme
// - `dark` Import the official dark less style file
// - `compact` Import the official compact less style file
@import '@delon/theme/theme-default.less';

// ==========The following is the custom theme variable area==========
// The theme paraments can be generated at https://ng-alain.github.io/ng-alain/
// @primary-color: #f50;
@alain-default-header-hg: 52px;
@alain-default-header-bg: #fff;
@alain-default-aside-bg: #fff;

.alain-default__nav-item,
.alain-default__nav nz-badge {
  /*color: #212529;*/
}

.alain-default__nav .alain-default__nav-item {
  color: black;
}

.alain-default__nav-item_title {
  /*color: #212529;*/
}

.alain-default__nav-item:hover {
  color: black;
  background-color: @primary-color !important;
}

//@alain-default-aside-bg: #212529;

.alain-default__aside-user-info {
  color: black;
}

@alain-default-aside-nav-text-color: black;
@alain-default-aside-nav-text-hover-color: black;
@alain-default-aside-nav-selected-text-color: white;

.sidebar-nav .sidebar-nav__selected {
  color: black;
  background: @primary-color
}

.sidebar-nav__sub .sidebar-nav__item {
  color: #000000a6;
}

.sidebar-nav__open>.sidebar-nav__sub {
  /*background-color: black;*/
  color: black;
  background-color: #fff;
}

.sidebar-nav__sub .sidebar-nav__item:hover {
  background: rgb(214 26 26 / 4%);
}

.sidebar-nav__item-link:hover {
  color: yellow;
  background-color: @primary-color
}

.sidebar-nav__selected>.sidebar-nav__item-link {
  background-color: @primary-color
}

.alain-default__nav-item_collapsed {
  color: black;
  position: absolute;
  left: 8px;
  bottom: 0;
  /**  background-color: aliceblue */
}

.grid-border {
  border: 1px solid #f0f0f0;
}