Implement style loading and passing to map component

src/theme.js

@@ -0,0 +1,74 @@
+const caps = {
+  textTransform: 'uppercase',
+  letterSpacing: '.2em'
+}
+
+const dark = {
+  name: 'Dark',
+  color: '#eee',
+  fontFamily: '-apple-system, BlinkMacSystemFont, sans-serif',
+  backgroundColor: '#111',
+  borderRadius: 5,
+  borderColor: `rgba(255, 255, 255, ${1/16})`,
+
+  colors: {
+		black: '#242424',
+		gray: '#313131',
+		white: '#fff',
+    blue: '#00d9f7',
+    info: '#00d9f7',
+    green: '#0f8',
+    success: '#0f8',
+    orange: '#fb3',
+    warning: '#fb3',
+    primary: '#778',
+    midgray: '#778',
+    gray: '#333339',
+    secondary: '#333339',
+    red: '#f04',
+    error: '#f04'
+  },
+  inverted: '#222',
+
+  scale: [
+    3, 5, 10, 20, 40
+  ],
+
+  Card: {
+    backgroundColor: '#222',
+    border: 0,
+  },
+  Panel: {
+    borderWidth: 2,
+    backgroundColor: '#000'
+  },
+  Heading: caps,
+  Button: {
+    color: '#00d9f7',
+  },
+  ButtonOutline: {
+    color: '#00d9f7',
+  },
+  Toolbar: {
+    minHeight: 64,
+    color: '#00d9f7',
+    backgroundColor: "rgba(0, 0, 0, 0.8)"
+  },
+  Label: { opacity: 5/8 },
+  Menu: {
+    color: '#00d9f7',
+    backgroundColor: '#000'
+  },
+  Message: {
+    color: '#111',
+    opacity: 15/16
+  },
+  Text: {
+    opacity: 7/8
+  },
+  Footer: {
+    opacity: 1/2
+  }
+}
+
+export default dark