Move theme.js to themes/default.js

Author: diegohaz

src/components/App.js

@@ -1,7 +1,7 @@
 import React, { PropTypes, Component } from 'react'
 import { injectGlobal, ThemeProvider } from 'styled-components'
 
-import theme from './theme'
+import theme from './themes/default'
 
 injectGlobal`
   body {

src/components/theme.js src/components/themes/default.js

@@ -1,4 +1,8 @@
-export const colors = {
+import { reverse } from 'arc-theme'
+
+const theme = {}
+
+theme.colors = {
   primary: ['#1976d2', '#2196f3', '#71bcf7', '#c2e2fb'],
   secondary: ['#c2185b', '#e91e63', '#f06292', '#f8bbd0'],
   danger: ['#d32f2f', '#f44336', '#f8877f', '#ffcdd2'],
@@ -8,16 +12,12 @@ export const colors = {
   white: ['#fff', '#fff', '#eee']
 }
 
-export const reverseColors = {}
-
-Object.keys(colors).forEach((key) => {
-  reverseColors[key] = [ ...colors[key] ].reverse()
-})
+theme.reverseColors = reverse(theme.colors)
 
-export const fonts = {
+theme.fonts = {
   primary: 'Helvetica Neue, Helvetica, Roboto, sans-serif',
   pre: 'Consolas, Liberation Mono, Menlo, Courier, monospace',
   quote: 'Georgia, serif'
 }
 
-export default { colors, reverseColors, fonts }
+export default theme