MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update material theming with Angular 15

This commit is contained in:
Konstantinos Triantafyllou 2023-08-01 12:12:01 +03:00
parent 2fd57843f8
commit 9cb1f835a9
1 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
library-css/material.scss
View File

@ -1,6 +1,6 @@
@use '@angular/material' as mat; @use '@angular/material' as mat;
@use '@angular/material/theming';
@include mat.core(); @include mat.core();
$primary-color: ( $primary-color: (
0: #211F7E, 0: #211F7E,
100: #211F7E, 100: #211F7E,
@ -13,12 +13,27 @@ $secondary-color: (
700: #3086ED, 700: #3086ED,
contrast: (50: #ffffff) 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-primary: mat.define-palette($primary-color, 0);
$my-app-accent: mat.define-palette($secondary-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-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); @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;
} }