ThemeProvider (#677)

closes #655

shared/styles/theme.js

@@ -0,0 +1,34 @@
+// @flow
+const theme = {
+  fontFamily:
+    "-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen, Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif",
+  monospaceFontFamily: `Menlo, Consolas, 'Liberation Mono', monospace;`,
+  fontWeight: 400,
+
+  text: '#171B35',
+  link: '#1AB6FF',
+  primary: '#1AB6FF',
+  placeholder: '#b1becc',
+
+  slate: '#9BA6B2',
+  slateLight: '#DAE1E9',
+  slateDark: '#4E5C6E',
+
+  smoke: '#F4F7FA',
+  smokeLight: '#F9FBFC',
+  smokeDark: '#E8EBED',
+
+  white: '#FFFFFF',
+  blue: '#1AB6FF',
+  black: '#000000',
+  blackLight: '#2f3336',
+
+  padding: '1.5vw 1.875vw',
+  vpadding: '1.5vw',
+  hpadding: '1.875vw',
+  sidebarWidth: '280px',
+  sidebarMinWidth: '250px',
+  sidebarMaxWidth: '350px',
+};
+
+export default theme;