angular / angular/components

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

Ouverte
#32,526 4 commentaires 17 réactions 0 personnes assignées Voir sur GitHub
area: ng-generate feature P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### 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.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par le point d’entrée du schematic `theme-color` d’Angular Material utilisé par `ng generate` ; suivez la définition de ses options de palette et la manière dont les couleurs générées sont transmises. Ajoutez le commutateur de correspondance ou de fidélité des couleurs, puis vérifiez que les palettes générées préservent les couleurs d’entrée lorsqu’il est activé et conservent le comportement existant lorsqu’il ne l’est pas.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
cli, tooling
Type d'issue
Fonctionnalité
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
62/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.