styled-theme-anim.js

import { keyframes } from 'styled-components';
import slideInDown from 'react-animations/lib/slide-in-down';

export default {
  fontFamily: 'Signika',
  utils: {
    // the duration is passed as parameter
      slideInDown: duration => `animation: ${duration}s ${keyframes(slideInDown)};`,
  },
  colors: {
    buttons: {
      red: '#CC1022',
      blue: '#4E91E0',
      green: '#84D133',
      yellow: '#F7E638',
    },
  },
};