From 9cb1f835a93501d9566ea2a3123d92eecd73f27d Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Tue, 1 Aug 2023 12:12:01 +0300 Subject: [PATCH] Update material theming with Angular 15 --- library-css/material.scss | 23 +++++++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) diff --git a/library-css/material.scss b/library-css/material.scss index 65ec8fa..2f27467 100644 --- a/library-css/material.scss +++ b/library-css/material.scss @@ -1,6 +1,6 @@ @use '@angular/material' as mat; -@use '@angular/material/theming'; @include mat.core(); + $primary-color: ( 0: #211F7E, 100: #211F7E, @@ -13,12 +13,27 @@ $secondary-color: ( 700: #3086ED, contrast: (50: #ffffff) ); +$warn-color: ( + 0: #BD640D, + 100: #BD640D, + 700: #BD640D, + contrast: (50: #ffffff) +); $my-app-primary: mat.define-palette($primary-color, 0); -$my-app-accent: mat.define-palette($secondary-color, 0); -$my-app-theme: mat.define-light-theme($my-app-primary, $my-app-accent); +$my-app-accent: mat.define-palette($secondary-color, 0); +$my-app-warn: mat.define-palette($warn-color, 0); +$my-app-theme: mat.define-light-theme(( + color: ( + primary: $my-app-primary, + accent: $my-app-accent, + warn: $my-app-warn + ), + typography: mat.define-typography-config(), + density: 0, +)); @include mat.all-component-themes($my-app-theme); .cdk-global-overlay-wrapper, .cdk-overlay-container { - z-index: 9999!important; + z-index: 9999 !important; }