bug(MatTable): Text-color are no longer taken from the predefined foreground palette
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### Is this a regression?
- [X] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
14
### Description
After the angular material 15 update, the component text colors are no longer taken from the predefined foreground palette. In the past there was taken from the text and secondary-text variable.
Is there a new smart way to force the use of specific text-colors? Or is it not advisable to use your own font colors?
### Reproduction
https://stackblitz.com/run?file=src%2Fapp%2Ftable-basic-example.ts
### Expected Behavior
Its possible to use the foreground color palette to customize the text-color.
```scss
$theme-foreground-palette: (
base: color.$grey-700,
divider: color.$dividers,
dividers: color.$dividers,
disabled: color.$disabled-text,
disabled-button: color.$grey-400,
disabled-text: color.$disabled-text,
elevation: color.$grey-700,
hint-text: color.$disabled-text,
secondary-text: color.$secondary-text, // <-- was also used for mat-header-cells
icon: color.$primary-text,
icons: color.$primary-text,
text: color.$primary-text, // <-- was also used for mat-cells
slider-min: color.$grey-700,
slider-off: color.$grey-200,
slider-off-active: color.$grey-300,
);
```
### Actual Behavior
Some parts from the foreground palette will affect in the theme for the app. But in lists, tables or options there is always used the color `rgba(0, 0, 0, 0.87)`.
### Environment
- Angular: 15.0.2
- CDK/Material: 15.0.1
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia dalla riproduzione StackBlitz collegata, in particolare src/app/table-basic-example.ts, e confronta il comportamento dei temi di Angular Material 14 e 15. Traccia il percorso con cui i valori del testo e del testo secondario della tavolozza di primo piano raggiungono le celle e le intestazioni della tabella; il lavoro è completato quando la tavolozza configurata controlla questi colori invece di rgba(0, 0, 0, 0.87).
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 38/100