Customising themes

The SDK component supports an optional theme property enabling you to customise the colours displayed to match the preferred colour scheme.

theme configuration object accepts the following properties:

theme?: {
  colorPrimary?: string;
  colorTeamsHome?: string;
  colorTeamsAway?: string;
  colorWarn?: string;
  colorError?: string;
  colorSuccess?: string;
} 

EXAMPLE #1

theme={{
  colorPrimary: '#0091ff',
  colorTeamsHome: '#1bda02',
  colorTeamsAway: '#ffa200',
}}

EXAMPLE #2

theme={{
  colorPrimary: '#e0eb11',
  colorTeamsHome: '#ff0088',
  colorTeamsAway: '#00daa0',
}}

EXAMPLE #3

theme={{
  colorPrimary: '#ff00ff',
  colorTeamsHome: '#ffff00',
  colorTeamsAway: '#ff0000',
}}