#Does Angular Material v19+ (M3) theming tools have a smaller scoped function for just buttons, ect?

2 messages · Page 1 of 1 (latest)

kindred surge
#

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

untold solstice