Multiplay UI kit

This kit provides Multiplay and Unity theming and common components.

Accessing theme variables

Theme variables are JS primitives used for CSS in JS (Such as JSS)

Usage

import { themes } from '@multiplay/ui';

<JSSThemeProvider theme={themes.multiplay}>
  <App />
</JSSThemeProvider>;

Variables

{
  primary: colours.navy,
  secondary: colours.pink,
  success: colours.sweetPea,
  error: colours.magenta,
  warning: colours.yellow,
  info: colours.blueGreen,
  header: colours.cyan,
  headerFont: '#fff',
  font: colours.charcoal,
  headingFont: colours.charcoal,
  fontInverse: '#fff',
  background: '#fff',
}