angular / angular/components

feat(mat-card): add title-text-color to card-overrides

Offen
#31,080 1 Kommentar 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
feature P2
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### Feature Description

It doesn't exactly make sense to allow subtitle-text-color in the override but not title...

Wouldn't we want the title to match the rest of the custom M3 theming?

I'd like to propose adding `title-text-color: color` to the mat.card-overrides

you end up with something like this otherwise:

![Image](https://github.com/user-attachments/assets/8a2350af-acd3-40ea-ac6e-1e51fcaf49dc)

### Use Case

```
@include mat.card-overrides((
title-text-color: var(--mat-sys-on-secondary),
subtitle-text-color: var(--mat-sys-on-secondary),
outlined-container-color: var(--mat-sys-secondary),
));
```
maybe even just a color option:

```
@include mat.card-overrides((
text-color: var(--mat-sys-on-secondary),
outlined-container-color: var(--mat-sys-secondary),
));
```

so that it all matches like this:

![Image](https://github.com/user-attachments/assets/248f6caa-0ebf-4e5d-9dbf-b4f2f1a4fbd4)

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Suche die Definition von mat.card-overrides und den vorhandenen Eintrag subtitle-text-color und prüfe anschließend, wie Karten-Titelstile Theme-Tokens verwenden. Die Issue lässt offen, ob title-text-color oder eine gemeinsame text-color-Option hinzugefügt werden soll; abgeschlossen ist die Aufgabe, wenn die gewählte Überschreibung dafür sorgt, dass Titel- und Untertitelfarben im gezeigten Anwendungsfall übereinstimmen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, scss
Bereich
design, frontend
Issue-Typ
Feature
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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