angular / angular/components

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

Aperta
#32,526 4 commenti 17 reazioni 0 assegnatari Vedi su GitHub
area: ng-generate feature P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia dal punto di ingresso dello schematic `theme-color` di Angular Material utilizzato da `ng generate`; segui come sono definite le relative opzioni della palette e come vengono passati i colori generati. Aggiungi il toggle di corrispondenza o fedeltà del colore, quindi verifica che le palette generate conservino i colori di input quando è abilitato e mantengano il comportamento esistente quando non lo è.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
cli, tooling
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
62/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.