diff --git a/src/features/Theme/config.tsx b/src/features/Theme/config.tsx index e2cfca76..94730203 100644 --- a/src/features/Theme/config.tsx +++ b/src/features/Theme/config.tsx @@ -12,6 +12,7 @@ export const defaultTheme = { black70: 'rgba(0, 0, 0, 0.7)', button: '#294FC3', buttonHover: '#3255be', + collapseTournamentBackground: 'linear-gradient(236.13deg, rgba(53, 96, 225, 0.56) -4.49%, rgba(0, 0, 0, 0) 98.29%), #3F3F3F', comboboxBackground: '#3F3F3F', comboboxItemHover: '#999999', dateButton: 'rgba(255, 255, 255, 0.5)', @@ -84,6 +85,7 @@ export const tunisTheme: CustomTheme = { background: '#1D1D1D', button: '#0E8F84', buttonHover: '#0E8F84', + collapseTournamentBackground: 'linear-gradient(236.13deg, rgba(42, 183, 170, 0.56) -4.49%, rgba(0, 0, 0, 0) 98.29%), #3A4849', comboboxBackground: '#263233', comboboxItemHover: '#0E8F84', dateFilter: '#ffffff80', diff --git a/src/features/TournamentList/components/CollapseTournament/styled.tsx b/src/features/TournamentList/components/CollapseTournament/styled.tsx index 9988431b..79c8b199 100644 --- a/src/features/TournamentList/components/CollapseTournament/styled.tsx +++ b/src/features/TournamentList/components/CollapseTournament/styled.tsx @@ -37,7 +37,7 @@ export const CardWrapper = styled.div` right: 0; padding-bottom: 0.75rem; border-radius: 2px; - background: linear-gradient(236.13deg, rgba(53, 96, 225, 0.56) -4.49%, rgba(0, 0, 0, 0) 98.29%), #3F3F3F; + background: ${({ theme }) => theme.colors.collapseTournamentBackground}; cursor: pointer; ${isMobileDevice ? css`