angular / angular/components

bug(MatTable): Text-color are no longer taken from the predefined foreground palette

Offen
#26,153 30 Kommentare 42 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/table P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verknüpften StackBlitz-Reproduktion, insbesondere mit src/app/table-basic-example.ts, und vergleiche das Theme-Verhalten von Angular Material 14 und 15. Verfolge, wie die Werte für Text und sekundären Text der Vordergrundpalette die Tabellenzellen und -überschriften erreichen; abgeschlossen ist die Aufgabe, wenn die konfigurierte Palette diese Farben anstelle von rgba(0, 0, 0, 0.87) steuert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
38/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.