Use existing palette declarations

jamesmockett · jamesmockett · commit ff89930014b3 · 2025-12-23T14:53:32.000Z
diff --git a/dotcom-rendering/src/components/FootballMatchStat.tsx b/dotcom-rendering/src/components/FootballMatchStat.tsx
@@ -66,19 +66,19 @@ const largeNumberCss = css`
 
 const numberLightContrastCss = css`
 	@media (prefers-color-scheme: light) {
-		color: ${palette('--football-match-stat-contrast')};
+		color: ${palette('--football-match-stat-text')};
 	}
 	[data-color-scheme='light'] & {
-		color: ${palette('--football-match-stat-contrast')};
+		color: ${palette('--football-match-stat-text')};
 	}
 `;
 
 const numberDarkContrastCss = css`
 	@media (prefers-color-scheme: dark) {
-		color: ${palette('--football-match-stat-contrast')};
+		color: ${palette('--football-match-stat-text')};
 	}
 	[data-color-scheme='dark'] & {
-		color: ${palette('--football-match-stat-contrast')};
+		color: ${palette('--football-match-stat-text')};
 	}
 `;
 
@@ -102,19 +102,19 @@ const barCss = css`
 
 const barLightContrastCss = css`
 	@media (prefers-color-scheme: light) {
-		border: 1px solid ${palette('--football-match-stat-border-contrast')};
+		border: 1px solid ${palette('--football-match-stat-border')};
 	}
 	[data-color-scheme='light'] & {
-		border: 1px solid ${palette('--football-match-stat-border-contrast')};
+		border: 1px solid ${palette('--football-match-stat-border')};
 	}
 `;
 
 const barDarkContrastCss = css`
 	@media (prefers-color-scheme: dark) {
-		border: 1px solid ${palette('--football-match-stat-border-contrast')};
+		border: 1px solid ${palette('--football-match-stat-border')};
 	}
 	[data-color-scheme='dark'] & {
-		border: 1px solid ${palette('--football-match-stat-border-contrast')};
+		border: 1px solid ${palette('--football-match-stat-border')};
 	}
 `;
 
diff --git a/dotcom-rendering/src/paletteDeclarations.ts b/dotcom-rendering/src/paletteDeclarations.ts
@@ -7124,14 +7124,6 @@ const paletteColours = {
 		light: () => '#00679E', // replace with Source's `calculateHoverColour` when available
 		dark: () => '#00A1E6',
 	},
-	'--football-match-stat-contrast': {
-		light: () => sourcePalette.neutral[7],
-		dark: () => sourcePalette.neutral[86],
-	},
-	'--football-match-stat-border-contrast': {
-		light: () => sourcePalette.neutral[86],
-		dark: () => sourcePalette.neutral[38],
-	},
 	'--football-match-stat-text': {
 		light: () => sourcePalette.neutral[7],
 		dark: () => sourcePalette.neutral[86],

Original file line number	Diff line number	Diff line change
@@ -66,19 +66,19 @@ const largeNumberCss = css`
`66`	`66`
`67`	`67`	const numberLightContrastCss = css`
`68`	`68`	`@media (prefers-color-scheme: light) {`
`69`		`- color: ${palette('--football-match-stat-contrast')};`
	`69`	`+ color: ${palette('--football-match-stat-text')};`
`70`	`70`	`}`
`71`	`71`	`[data-color-scheme='light'] & {`
`72`		`- color: ${palette('--football-match-stat-contrast')};`
	`72`	`+ color: ${palette('--football-match-stat-text')};`
`73`	`73`	`}`
`74`	`74`	`;
`75`	`75`
`76`	`76`	const numberDarkContrastCss = css`
`77`	`77`	`@media (prefers-color-scheme: dark) {`
`78`		`- color: ${palette('--football-match-stat-contrast')};`
	`78`	`+ color: ${palette('--football-match-stat-text')};`
`79`	`79`	`}`
`80`	`80`	`[data-color-scheme='dark'] & {`
`81`		`- color: ${palette('--football-match-stat-contrast')};`
	`81`	`+ color: ${palette('--football-match-stat-text')};`
`82`	`82`	`}`
`83`	`83`	`;
`84`	`84`
@@ -102,19 +102,19 @@ const barCss = css`
`102`	`102`
`103`	`103`	const barLightContrastCss = css`
`104`	`104`	`@media (prefers-color-scheme: light) {`
`105`		`- border: 1px solid ${palette('--football-match-stat-border-contrast')};`
	`105`	`+ border: 1px solid ${palette('--football-match-stat-border')};`
`106`	`106`	`}`
`107`	`107`	`[data-color-scheme='light'] & {`
`108`		`- border: 1px solid ${palette('--football-match-stat-border-contrast')};`
	`108`	`+ border: 1px solid ${palette('--football-match-stat-border')};`
`109`	`109`	`}`
`110`	`110`	`;
`111`	`111`
`112`	`112`	const barDarkContrastCss = css`
`113`	`113`	`@media (prefers-color-scheme: dark) {`
`114`		`- border: 1px solid ${palette('--football-match-stat-border-contrast')};`
	`114`	`+ border: 1px solid ${palette('--football-match-stat-border')};`
`115`	`115`	`}`
`116`	`116`	`[data-color-scheme='dark'] & {`
`117`		`- border: 1px solid ${palette('--football-match-stat-border-contrast')};`
	`117`	`+ border: 1px solid ${palette('--football-match-stat-border')};`
`118`	`118`	`}`
`119`	`119`	`;
`120`	`120`