From 66f404fd5a03909fdb39024a4d335a135fefba86 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 9 May 2025 15:35:59 +0200 Subject: [PATCH] fix(material/schematics): incorrect on-tertiary color being generated Fixes that the `theme-color` schematic was generating the wrong color for `on-tertiary`. Fixes #30603. --- src/material/schematics/ng-generate/theme-color/index.spec.ts | 2 +- src/material/schematics/ng-generate/theme-color/index.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/material/schematics/ng-generate/theme-color/index.spec.ts b/src/material/schematics/ng-generate/theme-color/index.spec.ts index 896b59cc95e7..bc78eec527c0 100644 --- a/src/material/schematics/ng-generate/theme-color/index.spec.ts +++ b/src/material/schematics/ng-generate/theme-color/index.spec.ts @@ -1091,7 +1091,7 @@ html { /* Tertiary palette variables */ --mat-sys-tertiary: light-dark(#4d1f00, #ffece4); - --mat-sys-on-tertiary: light-dark(#4d1f00, #ffece4); + --mat-sys-on-tertiary: light-dark(#ffffff, #000000); --mat-sys-tertiary-container: light-dark(#7a3500, #ffb184); --mat-sys-on-tertiary-container: light-dark(#ffffff, #190600); --mat-sys-tertiary-fixed: light-dark(#7a3500, #ffdbc9); diff --git a/src/material/schematics/ng-generate/theme-color/index.ts b/src/material/schematics/ng-generate/theme-color/index.ts index 44366579323a..c299b42c2e02 100644 --- a/src/material/schematics/ng-generate/theme-color/index.ts +++ b/src/material/schematics/ng-generate/theme-color/index.ts @@ -531,8 +531,8 @@ function getColorSysVariablesCSS( css += createLightDarkVar( leftSpacing, 'on-tertiary', - isHighContrast ? lightScheme.tertiary : lightScheme.tertiaryPalette.tone(100), - isHighContrast ? darkScheme.tertiary : darkScheme.tertiaryPalette.tone(20), + isHighContrast ? lightScheme.onTertiary : lightScheme.tertiaryPalette.tone(100), + isHighContrast ? darkScheme.onTertiary : darkScheme.tertiaryPalette.tone(20), ); css += createLightDarkVar( leftSpacing,