Features
- update Angular and Angular Material to v18
- move Material 3 support into stable
- add Material 3 pre-built themes
- add experimental zoneless support
- improve multiple elevation shadow styles
- remove
isOpen prop for select because ng-select's bug (ng-select/ng-select#2393)
@use '@angular/material' as mat;
@use '@ng-matero/extensions' as mtx;
$light-config: (
color: (
theme-type: 'light',
primary: mat.$azure-palette,
tertiary: mat.$blue-palette,
),
typography: ...,
density: ...
);
// Merge the Material theme with Material Extensions theme
$light-theme: mat.private-deep-merge-all(
mat.define-theme($light-config),
mtx.define-theme($light-config)
);
html {
// Apply the base theme at the root, so it will be inherited by the whole app.
@include mat.all-component-themes($light-theme);
@include mtx.all-component-themes($light-theme);
}