ngx-admin/src/app/@theme/styles/material/_material.scss

42 lines
1.1 KiB
SCSS

@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 {
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;
}
}
}