ThemeProvider (#677)

closes #655

app/scenes/Document/components/DocumentMove/DocumentMove.js

@@ -8,7 +8,6 @@ import { Search } from 'js-search';
 import ArrowKeyNavigation from 'boundless-arrow-key-navigation';
 import _ from 'lodash';
 import styled from 'styled-components';
-import { size } from 'shared/styles/constants';
 
 import Modal from 'components/Modal';
 import Input from 'components/Input';
@@ -181,7 +180,7 @@ class DocumentMove extends React.Component<Props> {
 }
 
 const Section = styled(Flex)`
-  margin-bottom: ${size.huge};
+  margin-bottom: 24px;
 `;
 
 const StyledArrowKeyNavigation = styled(ArrowKeyNavigation)`

app/scenes/Document/components/DocumentMove/components/PathToDocument.js

@@ -4,8 +4,6 @@ import { observer } from 'mobx-react';
 import invariant from 'invariant';
 import styled from 'styled-components';
 import { GoToIcon } from 'outline-icons';
-
-import { color } from 'shared/styles/constants';
 import Flex from 'shared/components/Flex';
 
 import Document from 'models/Document';
@@ -14,7 +12,7 @@ const ResultWrapper = styled.div`
   display: flex;
   margin-bottom: 10px;
 
-  color: ${color.text};
+  color: ${props => props.theme.text};
   cursor: default;
 `;
 
@@ -30,13 +28,13 @@ const ResultWrapperLink = ResultWrapper.withComponent('a').extend`
   &:focus {
     margin-left: 0px;
     border-radius: 2px;
-    background: ${color.black};
-    color: ${color.smokeLight};
+    background: ${props => props.theme.black};
+    color: ${props => props.theme.smokeLight};
     outline: none;
     cursor: pointer;
 
     ${StyledGoToIcon} {
-      fill: ${color.white};
+      fill: ${props => props.theme.white};
     }
   }
 `;