@import '~@angular/material/theming';

@include nb-install() {
  @include nb-for-theme(material-dark) {
    $custom-dark-theme: mat-dark-theme(mat-palette($mat-pink), mat-palette($mat-blue-grey));
    @include angular-material-theme($custom-dark-theme);
  }

  @include nb-for-theme(material-light) {
    $custom-light-theme: mat-light-theme(mat-palette($mat-indigo), mat-palette($mat-pink));
    @include angular-material-theme($custom-light-theme);
  }

  @include nb-for-themes(material-dark, material-light) {
    @include mat-core();

    nb-layout-header {
      .logo-container, nb-action {
        a, nb-icon, .user-name {
          color: nb-theme(text-control-color) !important;
        }
      }
    }

    nb-sidebar {
      transition: width 0.3s;

      .main-container {
        transition: width 0.3s;
      }
    }

    nb-card {
      nb-card-header, .tabset {
        background-color: nb-theme(card-divider-color);
      }
    }
  }
}