ThemeProvider (#677)

closes #655

server/emails/components/EmailLayout.js

@@ -1,7 +1,7 @@
 // @flow
 import * as React from 'react';
 import { Table, TBody, TR, TD } from 'oy-vey';
-import { fonts } from '../../../shared/styles/constants';
+import theme from '../../../shared/styles/theme';
 
 type Props = {
   children: React.Node,
@@ -19,7 +19,7 @@ export default (props: Props) => (
 
 export const baseStyles = `
   #__bodyTable__ {
-    font-family: ${fonts.regular};
+    font-family: ${theme.fontFamily};
     font-size: 16px;
     line-height: 1.5;
   }

server/emails/components/Footer.js

@@ -1,26 +1,26 @@
 // @flow
 import * as React from 'react';
 import { Table, TBody, TR, TD } from 'oy-vey';
-import { color } from '../../../shared/styles/constants';
 import { twitterUrl, spectrumUrl } from '../../../shared/utils/routeHelpers';
+import theme from '../../../shared/styles/theme';
 
 export default () => {
   const style = {
     padding: '20px 0',
-    borderTop: `1px solid ${color.smokeDark}`,
-    color: color.slate,
+    borderTop: `1px solid ${theme.smokeDark}`,
+    color: theme.slate,
     fontSize: '14px',
   };
 
   const linkStyle = {
-    color: color.slate,
+    color: theme.slate,
     fontWeight: 500,
     textDecoration: 'none',
     marginRight: '10px',
   };
 
   const externalLinkStyle = {
-    color: color.slate,
+    color: theme.slate,
     textDecoration: 'none',
     margin: '0 10px',
   };