Skip to content

Commit bc1aa7d

Browse files
committed
use common palette fields and remove the redundants
1 parent 2d0cbbb commit bc1aa7d

File tree

3 files changed

+8
-12
lines changed

3 files changed

+8
-12
lines changed

dotcom-rendering/src/components/FootballMatchStat.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ const labelCss = css`
4444
${textSansBold14};
4545
grid-area: label;
4646
justify-self: center;
47-
color: ${palette('--football-match-stat-name')};
47+
color: ${palette('--football-match-stat-text')};
4848
${from.desktop} {
4949
${textSansBold15};
5050
}

dotcom-rendering/src/components/Lineups.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -85,8 +85,8 @@ const Title = ({ text, id }: { text: string; id: string }) => (
8585
<h3
8686
id={id}
8787
css={css`
88-
border-bottom: 1px solid ${palette('--football-match-info-border')};
89-
color: ${palette('--football-competition-select-text')};
88+
border-bottom: 1px solid ${palette('--football-match-stat-border')};
89+
color: ${palette('--football-match-stat-text')};
9090
grid-column: home-start / away-end;
9191
padding-bottom: ${space[1]}px;
9292
${textSansBold14}
@@ -132,7 +132,7 @@ const PlayerList = ({
132132
};
133133

134134
const sectionStyles = css`
135-
border: 1px solid ${palette('--football-match-info-border')};
135+
border: 1px solid ${palette('--football-match-stat-border')};
136136
margin: ${space[2]}px;
137137
border-radius: 6px;
138138
@@ -163,7 +163,7 @@ const awayStyles = css`
163163
top: 0;
164164
bottom: 0;
165165
width: 1px;
166-
background-color: ${palette('--football-match-info-border')};
166+
background-color: ${palette('--football-match-stat-border')};
167167
}
168168
`;
169169

@@ -191,7 +191,7 @@ const playerName = css`
191191
${from.tablet} {
192192
${textSans15}
193193
}
194-
color: ${palette('--football-competition-select-text')};
194+
color: ${palette('--football-match-stat-text')};
195195
`;
196196

197197
const BackgroundRed = sourcePalette.news[400];
@@ -214,7 +214,7 @@ const substitute = css`
214214
padding: 0.5px ${space[1]}px 1.5px ${space[1]}px;
215215
display: flex;
216216
align-items: center;
217-
color: ${palette('--football-competition-select-text')};
217+
color: ${palette('--football-match-stat-text')};
218218
opacity: 0.6;
219219
gap: ${space[0]}px;
220220

dotcom-rendering/src/paletteDeclarations.ts

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7055,10 +7055,6 @@ const paletteColours = {
70557055
light: () => sourcePalette.neutral[100],
70567056
dark: () => sourcePalette.neutral[10],
70577057
},
7058-
'--football-match-info-border': {
7059-
light: () => sourcePalette.neutral[86],
7060-
dark: () => sourcePalette.neutral[38],
7061-
},
70627058
'--football-match-list-error': {
70637059
light: () => sourcePalette.error[400],
70647060
dark: () => sourcePalette.error[500],
@@ -7079,7 +7075,7 @@ const paletteColours = {
70797075
light: () => '#00679E', // replace with Source's `calculateHoverColour` when available
70807076
dark: () => '#00A1E6',
70817077
},
7082-
'--football-match-stat-name': {
7078+
'--football-match-stat-text': {
70837079
light: () => sourcePalette.neutral[7],
70847080
dark: () => sourcePalette.neutral[86],
70857081
},

0 commit comments

Comments
 (0)