From b55f86842d9aa9b845fb9112f0a5bbdeb954ef99 Mon Sep 17 00:00:00 2001
From: Panagiotis Bakatselos <github@pmpak.com>
Date: Wed, 14 May 2025 20:58:09 +0200
Subject: [PATCH] fix(material/card): add token for title text color

Fixes #31080
---
 src/material/card/_m2-card.scss | 1 +
 src/material/card/_m3-card.scss | 1 +
 src/material/card/card.scss     | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/material/card/_m2-card.scss b/src/material/card/_m2-card.scss
index 4233d746b4bd..76eee4322b47 100644
--- a/src/material/card/_m2-card.scss
+++ b/src/material/card/_m2-card.scss
@@ -24,6 +24,7 @@
     card-outlined-container-color: map.get($system, surface),
     card-outlined-container-elevation: elevation.get-box-shadow(0),
     card-outlined-outline-color: inspection.get-theme-color($theme, system, outline),
+    card-title-text-color: map.get($system, on-surface),
     card-subtitle-text-color: map.get($system, on-surface-variant),
     card-filled-container-color: map.get($system, surface),
     card-filled-container-elevation: elevation.get-box-shadow(0)
diff --git a/src/material/card/_m3-card.scss b/src/material/card/_m3-card.scss
index ec943cf682a4..6bf1d9d235d9 100644
--- a/src/material/card/_m3-card.scss
+++ b/src/material/card/_m3-card.scss
@@ -25,6 +25,7 @@ $prefix: (mat, card);
       card-outlined-container-elevation: elevation.get-box-shadow(map.get($system, level0)),
       card-outlined-outline-color: map.get($system, outline-variant),
       card-subtitle-text-color: map.get($system, on-surface),
+      card-title-text-color: map.get($system, on-surface),
     ),
     typography: (
       card-subtitle-text-font: map.get($system, title-medium-font),
diff --git a/src/material/card/card.scss b/src/material/card/card.scss
index 70a993310db6..6633f93fd337 100644
--- a/src/material/card/card.scss
+++ b/src/material/card/card.scss
@@ -91,6 +91,7 @@ $fallbacks: m3-card.get-tokens();
 
 // Add slots for custom Angular Material card tokens.
 .mat-mdc-card-title {
+  color: token-utils.slot(card-title-text-color, $fallbacks);
   font-family: token-utils.slot(card-title-text-font, $fallbacks);
   line-height: token-utils.slot(card-title-text-line-height, $fallbacks);
   font-size: token-utils.slot(card-title-text-size, $fallbacks);