Update dark mode palette based on latest designs

Author: jamesmockett

dotcom-rendering/src/components/FootballMatchStat.tsx

@@ -12,7 +12,7 @@ import { palette } from '../palette';
 const containerCss = css`
 	position: relative;
 	padding: 5px 10px 10px;
-	border: 1px solid ${palette('--footall-match-stat-border')};
+	border: 1px solid ${palette('--football-match-stat-border')};
 	border-radius: 6px;
 	&::before {
 		position: absolute;
@@ -21,7 +21,7 @@ const containerCss = css`
 		bottom: 0;
 		width: 1px;
 		height: 24px;
-		background-color: ${palette('--footall-match-stat-border')};
+		background-color: ${palette('--football-match-stat-border')};
 	}
 `;
 
@@ -43,7 +43,7 @@ const labelCss = css`
 	${textSansBold14};
 	grid-area: label;
 	justify-self: center;
-	color: ${palette('--footall-match-stat-name')};
+	color: ${palette('--football-match-stat-name')};
 	${from.desktop} {
 		${textSansBold15};
 	}

dotcom-rendering/src/components/FootballMiniMatchStats.tsx

@@ -77,7 +77,7 @@ export const FootballMiniMatchStats = ({
 				iconSide="right"
 				theme={{
 					backgroundPrimary: palette(
-						'--footall-match-stat-button-background',
+						'--football-match-stat-button-background',
 					),
 				}}
 			>

dotcom-rendering/src/paletteDeclarations.ts

@@ -7068,15 +7068,15 @@ const paletteColours = {
 		light: () => sourcePalette.sport[500],
 		dark: () => sourcePalette.sport[500],
 	},
-	'--footall-match-stat-border': {
+	'--football-match-stat-border': {
 		light: () => sourcePalette.neutral[86],
-		dark: () => sourcePalette.neutral[20],
+		dark: () => sourcePalette.neutral[38],
 	},
-	'--footall-match-stat-button-background': {
+	'--football-match-stat-button-background': {
 		light: () => sourcePalette.sport[400],
-		dark: () => sourcePalette.sport[400],
+		dark: () => sourcePalette.sport[500],
 	},
-	'--footall-match-stat-name': {
+	'--football-match-stat-name': {
 		light: () => sourcePalette.neutral[7],
 		dark: () => sourcePalette.neutral[86],
 	},