Remove everything left from Rebass

src/config/input.js

@@ -1,8 +1,9 @@
-import theme from './rebass.js'
+import colors from './colors'
+import { margins, fontSizes } from './scales'
 
 const base = {
   display: 'inline-block',
-  fontSize: theme.fontSizes[5],
+  fontSize: fontSizes[5],
   lineHeight: 2,
   paddingLeft: 5,
   paddingRight: 5,
@@ -11,28 +12,28 @@ const base = {
 const label = {
   ...base,
   width: '40%',
-  color: theme.colors.lowgray,
+  color: colors.lowgray,
   userSelect: 'none',
 }
 
 const property = {
-  marginTop: theme.scale[2],
-  marginBottom: theme.scale[2],
+  marginTop: margins[2],
+  marginBottom: margins[2],
 }
 
 const input = {
   ...base,
   border: 'none',
   width: '47%',
-  backgroundColor: theme.colors.gray,
-  color: theme.colors.lowgray,
+  backgroundColor: colors.gray,
+  color: colors.lowgray,
 }
 
 const checkbox = {
   ...base,
   border: '1px solid rgb(36, 36, 36)',
-  backgroundColor: theme.colors.gray,
-  color: theme.colors.lowgray,
+  backgroundColor: colors.gray,
+  color: colors.lowgray,
 }
 
 const select = {

src/config/rebass.js

@@ -1,66 +0,0 @@
-import colors from './colors'
-import { margins, fontSizes } from './scales'
-
-const border = {
-  borderColor: colors.black,
-  borderRadius: 0,
-}
-
-const dark = {
-  name: 'Dark',
-  color: colors.white,
-  fontFamily: 'Roboto, sans-serif',
-  scale: margins,
-  fontSizes: fontSizes,
-  colors,
-  inverted: colors.midGray,
-  ...border,
-
-  Block: {
-    backgroundColor: colors.gray,
-    ...border,
-    borderLeft: 0,
-    borderRight: 0,
-    marginBottom: 0,
-    paddingBottom: 0,
-  },
-  PanelHeader: {
-    marginRight: -10,
-    marginBottom: 0,
-    fontSize: fontSizes[5],
-    fontWeight: 400,
-    color: colors.white,
-  },
-  Panel: {
-    backgroundColor: colors.gray,
-  },
-  Button: {
-    color: '#00d9f7',
-  },
-  Menu: {
-    color: '#00d9f7',
-    backgroundColor: '#000'
-  },
-  Message: {
-    color: '#111',
-    opacity: 15/16
-  },
-  Header: {
-    fontWeight: 400,
-  },
-  ButtonCircle : {
-  },
-  Toolbar: {
-    fontWeight: 400,
-    minHeight: margins[3]
-  },
-  Label: {
-    fontWeight: 300,
-  },
-  Input: {
-    fontWeight: 300,
-    fontSize: fontSizes[5],
-  }
-}
-
-export default dark

src/config/theme.js

@@ -0,0 +1,9 @@
+import colors from './colors'
+import { margins, fontSizes } from './scales'
+
+const dark = {
+  color: colors.white,
+  fontFamily: 'Roboto, sans-serif',
+}
+
+export default dark