feat(website): add website

Author: christianalfoni

.travis.yml

@@ -31,8 +31,9 @@ after_success:
   fi
   if [[ $TRAVIS_BRANCH == 'master' || $TRAVIS_BRANCH == 'next' ]] && [[ $TRAVIS_PULL_REQUEST == 'false' ]]; then
     printf "//registry.npmjs.org/:_authToken=$NPM_TOKEN\n" > ~/.npmrc
-    npm install --no-save [email protected]
+    npm install --no-save [email protected] now
     npm run release
+    now ./packages/overmind-website --token $NOW_TOKEN && now ./packages/overmind-website alias --token $NOW_TOKEN
   fi
 branches:
   except:

packages/node_modules/overmind-devtools/package.json

@@ -27,7 +27,8 @@
 		"color-hash": "^1.0.3",
 		"electron": "^2.0.4",
 		"electron-json-storage": "^4.1.0",
-		"react-overmind": "next",
+    "react-overmind": "next",
+    "overmind-themes": "next",
 		"react": "^16.4.1",
 		"react-dom": "^16.4.1",
 		"styled-components": "^3.3.3",

packages/node_modules/overmind-devtools/src/components/Action/elements.tsx

@@ -1,5 +1,4 @@
 import styled from '../../styled-components'
-import { Colors } from '../../theme'
 
 export const Wrapper = styled.div`
   padding: ${({ theme }) => theme.padding.normal};

packages/node_modules/overmind-devtools/src/components/ActionOperator/elements.tsx

@@ -1,5 +1,5 @@
 import styled from '../../styled-components'
-import { Colors } from '../../theme'
+import { Colors } from 'overmind-themes'
 
 export const Operator = styled<
   {

packages/node_modules/overmind-devtools/src/components/ActionOperator/index.tsx

@@ -20,17 +20,15 @@ const ActionOperator: React.SFC<Props> = ({ operator, value, app }) => (
       <ValueInspector value={value} small />
     </Pipe>
     <Pipe>
-      <Path
-        borderColor={operator.type === 'mutation' ? 'primary' : 'secondary'}
-      >
+      <Path borderColor={operator.type === 'mutation' ? 'red' : 'primary'}>
         {operator.path.length ? (
           <Text variant="hint">
             <b>{operator.path.join('.')}</b>
           </Text>
         ) : null}
       </Path>
       <Operator
-        borderColor={operator.type === 'mutation' ? 'primary' : 'secondary'}
+        borderColor={operator.type === 'mutation' ? 'red' : 'primary'}
         onClick={
           operator.mutations.length || operator.effects.length
             ? () => app.actions.toggleCollapsed(operator)
@@ -40,7 +38,7 @@ const ActionOperator: React.SFC<Props> = ({ operator, value, app }) => (
         <OperatorHeader>
           <Text
             variant="text"
-            color={operator.type === 'mutation' ? 'primary' : 'secondary'}
+            color={operator.type === 'mutation' ? 'red' : 'primary'}
             dense
           >
             {operator.type}
@@ -62,7 +60,7 @@ const ActionOperator: React.SFC<Props> = ({ operator, value, app }) => (
           <div onClick={(event) => event.stopPropagation()}>
             {operator.effects.map((effect, index) => (
               <OperatorItem key={index}>
-                <Text variant="description" color="secondary" mono>
+                <Text variant="description" color="primary" mono>
                   {effect.name + '.' + effect.method}
                 </Text>
                 <ValueInspector
@@ -77,7 +75,7 @@ const ActionOperator: React.SFC<Props> = ({ operator, value, app }) => (
             ))}
             {operator.mutations.map((mutation, index) => (
               <OperatorItem key={index}>
-                <Text variant="description" color="primary" mono>
+                <Text variant="description" color="red" mono>
                   {mutation.method}
                 </Text>
                 <Text variant="description" mono>

packages/node_modules/overmind-devtools/src/components/ActionPath/elements.tsx

@@ -1,5 +1,5 @@
 import styled from '../../styled-components'
-import { Colors } from '../../theme'
+import { Colors } from 'overmind-themes'
 
 export const Path = styled.div`
   position: relative;

packages/node_modules/overmind-devtools/src/components/ActionPath/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { Path, PathLine, PathText } from './elements'
-import { Colors } from '../../theme'
+import { Colors } from 'overmind-themes'
 
 type Props = {
   borderColor?: keyof Colors

packages/node_modules/overmind-devtools/src/components/Inspector/elements.tsx

@@ -29,7 +29,7 @@ export const StringValue = styled.div`
 `
 
 export const GenericValue = styled.div`
-  color: ${({ theme }) => theme.color.secondary};
+  color: ${({ theme }) => theme.color.primary};
 `
 
 export const NestedChildren = styled.div`

packages/node_modules/overmind-devtools/src/components/PortsBar/elements.tsx

@@ -31,9 +31,9 @@ export const AddPort = styled.div`
   justify-content: center;
   width: 50px;
   height: 50px;
-  color: ${({ theme }) => theme.color.secondary};
+  color: ${({ theme }) => theme.color.primary};
   cursor: pointer;
   :hover {
-    color: ${({ theme }) => theme.color.lighten(theme.color.secondary, 0.3)};
+    color: ${({ theme }) => theme.color.lighten(theme.color.primary, 0.3)};
   }
 `

packages/node_modules/overmind-devtools/src/components/State/elements.tsx

@@ -26,7 +26,7 @@ export const ComputedLabel = styled.div`
 
 export const DerivedLabel = styled.div`
   margin-right: 5px;
-  background-color: ${({ theme }) => theme.color.secondary};
+  background-color: ${({ theme }) => theme.color.primary};
   padding: ${({ theme }) => `0 ${theme.padding.smallerer}`};
   border-radius: ${({ theme }) => theme.borderRadius.normal};
   color: ${({ theme }) => theme.color.white};