docs-bug(COMPONENT): Provide a way to generate prebuild different combination of theme

[bitrxjs]

Documentation Feedback

When looking at dist folder for M3 theme following themes are prebuilt

• indigo-pink
• deeppurple-amber
• pink-bluegrey
• purple-green
• azure-blue
• rose-red
• cyan-orange
• magenta-violet

provide a different way to build a different combination. For eg.

• pink-indigo

Directly using

html {
  @include mat.theme((
    color: (
      primary: mat.$pink-palette,
      tertiary: mat.$indigo-palette,
      theme-type: light,
    ),
    typography: Roboto,
    density: 0
  ));
}

break ui on some older mobile browser due light-dark css function and using the css in angular json provides more compatibility.

Affected documentation page

https://material.angular.io/guide/theming

[amysorto]

You can make your own combination of color palettes, see our Theming Guide for the full list of palettes and theming setup instructions.

Although are you saying you are encountering issues when doing so because of an older browser? Which browser and version are you using?