2020-03-06 14:21:17 +03:00
|
|
|
@import '~@angular/material/theming';
|
2020-03-05 14:25:25 +03:00
|
|
|
|
|
|
|
|
@include nb-install() {
|
2020-03-06 14:21:17 +03:00
|
|
|
@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);
|
|
|
|
|
}
|
2020-03-05 14:25:25 +03:00
|
|
|
|
|
|
|
|
@include nb-for-themes(material-dark, material-light) {
|
2020-03-06 14:21:17 +03:00
|
|
|
@include mat-core();
|
|
|
|
|
|
2020-03-05 14:25:25 +03:00
|
|
|
nb-layout-header {
|
|
|
|
|
box-shadow: nb-theme(header-shadow) !important;
|
|
|
|
|
background-color: nb-theme(color-primary-default) !important;
|
|
|
|
|
|
|
|
|
|
.logo-container, nb-action {
|
|
|
|
|
a, nb-icon, .user-name {
|
|
|
|
|
color: nb-theme(text-control-color) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
nb-sidebar {
|
|
|
|
|
background-color: nb-theme(background-basic-color-2) !important;
|
|
|
|
|
transition: width 0.3s;
|
|
|
|
|
|
|
|
|
|
.main-container {
|
|
|
|
|
transition: width 0.3s;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
nb-card, nb-reveal-card {
|
|
|
|
|
border: none !important;
|
|
|
|
|
box-shadow: nb-theme(shadow) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|