color editing

shared/styles/constants.js

@@ -35,6 +35,13 @@ export const fontWeight = {
   heavy: 800,
 };
 
+export const fonts = {
+  regular: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+  Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;`,
+  monospace: `'Atlas Typewriter', 'Source Code Pro', Menlo, Consolas,
+    'Liberation Mono', monospace;`,
+};
+
 export const color = {
   text: '#171B35',
 

shared/utils/color.js

@@ -0,0 +1,4 @@
+// @flow
+
+export const validateColorHex = (color: string) =>
+  /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);