Dark Mode (#912)

closes #704
This commit is contained in:
Tom Moor
2019-03-12 21:35:35 -07:00
committed by GitHub
parent 6445da33db
commit 59c82f1f06
46 changed files with 648 additions and 252 deletions

View File

@@ -7,6 +7,7 @@ import { Redirect } from 'react-router-dom';
import styled from 'styled-components';
import breakpoint from 'styled-components-breakpoint';
import { NewDocumentIcon } from 'outline-icons';
import { transparentize } from 'polished';
import Document from 'models/Document';
import AuthStore from 'stores/AuthStore';
import { documentEditUrl } from 'utils/routeHelpers';
@@ -227,9 +228,9 @@ const Actions = styled(Flex)`
right: 0;
left: 0;
z-index: 1;
background: rgba(255, 255, 255, 0.9);
background: ${props => transparentize(0.1, props.theme.background)};
border-bottom: 1px solid
${props => (props.isCompact ? props.theme.smoke : 'transparent')};
${props => (props.isCompact ? props.theme.background : 'transparent')};
padding: 12px;
transition: all 100ms ease-out;
transform: translate3d(0, 0, 0);