Skip to content

feat(material-theme): Add “match color tones” option to generator #32526

@SvenBudak

Description

@SvenBudak

Feature Description

ng generate @angular/material:theme-color should expose the Material Theme Builder’s “Match color” / color fidelity toggle so that generated palettes can stay faithful to the input colors. This toggle is part of the official Material guidance “Use color fidelity” in https://m3.material.io/styles/color/advanced/adjust-existing-colors#cb49eeb4-3bbd-4521-9612-0856c27f91ef, yet the Angular schematic doesn’t offer an equivalent flag today.

Use Case

Brand-driven teams rely on exact CI tones, so palette generation has to produce identical output whether we use the Theme Builder UI or the Angular CLI schematic. On https://material-foundation.github.io/material-theme-builder/ the toggle is explicitly labeled “Color match”, and it becomes obvious there how essential the option is: without it, your reference HEX values are brightened or dulled, which immediately violates any strict corporate color guide. Bringing the same “color match”/color-fidelity toggle to ng generate @angular/material:theme-color would prevent these shifts, eliminate manual corrections, and keep Angular projects in line with the officially documented Material workflow.

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureThis issue represents a new feature or feature request rather than a bug or bug fixneeds triageThis issue needs to be triaged by the team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions