Change material.scss after angular upgrade to version 12

This commit is contained in:
Konstantinos Triantafyllou 2022-09-23 12:04:18 +03:00
parent 14655ae3aa
commit fd4dec1ab5
1 changed files with 6 additions and 5 deletions

View File

@ -1,5 +1,6 @@
@use '~@angular/material' as mat;
@import '../../../../node_modules/@angular/material/theming'; @import '../../../../node_modules/@angular/material/theming';
@include mat-core(); @include mat.core();
$primary-color: ( $primary-color: (
0: #211F7E, 0: #211F7E,
contrast: (50: #ffffff) contrast: (50: #ffffff)
@ -8,11 +9,11 @@ $secondary-color: (
0: #3086ED, 0: #3086ED,
contrast: (50: #ffffff) contrast: (50: #ffffff)
); );
$my-app-primary: mat-palette($primary-color, 0); $my-app-primary: mat.define-palette($primary-color, 0);
$my-app-accent: mat-palette($secondary-color, 0); $my-app-accent: mat.define-palette($secondary-color, 0);
$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent); $my-app-theme: mat.define-light-theme($my-app-primary, $my-app-accent);
@include angular-material-theme($my-app-theme); @include mat.all-component-themes($my-app-theme);
.cdk-global-overlay-wrapper, .cdk-overlay-container { .cdk-global-overlay-wrapper, .cdk-overlay-container {
z-index: 9999!important; z-index: 9999!important;