I'm upgrading an installation of Angular from 16 to 19+, and really enjoying the simplified M3 approach. But I have to maintain support for a single dynamic theme color per business client, and the ad-hock way I achieved it in the M2 design isn't going to work anymore; so I need to approach it differently for M3.
My problem is that I feel there is little-to-no documentation to be found about what other @include mat.** cool methods are available to use.
I guess I'm asking a bit of a 2-part question here
A) Is there something for just buttons/chips/card/ect theming where its not an override where every single property has to be specified for changing? Something thats a simple as my example
@use '@angular/material' as mat;
html {
color-scheme: light dark;
@include mat.theme((
color: mat.$violet-palette,
typography: Roboto,
density: 0
));
button.example-orange-button {
// Could it be this simple?
@include mat.button-theme((
color: $my-custom-orange-palette,
));
}
}
B) Is there any kind of deeper documentation regarding ALL available methods I can get from @use '@angular/material' as mat. Searching for any I can find in the Angular Material guides has been a less then enjoyable experience.
Thank you in advance for any help here