diff --git a/app/components/DropToImport/DropToImport.js b/app/components/DropToImport/DropToImport.js index 8c1341f7..34bb84cc 100644 --- a/app/components/DropToImport/DropToImport.js +++ b/app/components/DropToImport/DropToImport.js @@ -1,6 +1,8 @@ // @flow import React, { Component } from 'react'; import { inject } from 'mobx-react'; +import { injectGlobal } from 'styled-components'; +import { color } from 'shared/styles/constants'; import invariant from 'invariant'; import _ from 'lodash'; import Dropzone from 'react-dropzone'; @@ -20,6 +22,17 @@ type Props = { history: Object, }; +injectGlobal` + .activeDropZone { + background: ${color.slateDark}; + svg { fill: ${color.white}; } + } + + .activeDropZone a { + color: ${color.white} !important; + } +`; + class DropToImport extends Component { state: { isImporting: boolean, diff --git a/app/components/Modal/Modal.js b/app/components/Modal/Modal.js index abc20700..105f6229 100644 --- a/app/components/Modal/Modal.js +++ b/app/components/Modal/Modal.js @@ -1,7 +1,7 @@ // @flow import React from 'react'; import { observer } from 'mobx-react'; -import styled from 'styled-components'; +import styled, { injectGlobal } from 'styled-components'; import ReactModal from 'react-modal'; import { color } from 'shared/styles/constants'; import { fadeAndScaleIn } from 'shared/styles/animations'; @@ -15,6 +15,12 @@ type Props = { onRequestClose: () => void, }; +injectGlobal` + .ReactModal__Body--open { + overflow: hidden; + } +`; + const Modal = ({ children, isOpen, diff --git a/shared/styles/base.js b/shared/styles/base.js index 8335ad9d..99239b56 100644 --- a/shared/styles/base.js +++ b/shared/styles/base.js @@ -68,16 +68,4 @@ export default ` margin-top: 1em; margin-bottom: 1em; } - - .activeDropZone { - background: #4E5C6E; - } - - .activeDropZone a { - color: #FFF !important; - } - - .ReactModal__Body--open { - overflow: hidden; - } `;