yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dark Mode (#912)

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

18
server/static/dev.html
View File

@@ -20,21 +20,15 @@
flex: 1;
min-height: 100vh;
}
#sidebar-placeholder {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 280px;
background: #F4F7FA;
}
</style>
</head>
<body>
<div id="root">
<div id="sidebar-placeholder"></div>
</div>
<div id="root"></div>
<script>
if (window.localStorage.getItem("theme") === "dark") {
window.document.querySelector('#root').style.background = "#111319";
}
</script>
<script src="/static/bundle.js"></script>
</body>
</html>

18
server/static/index.html
View File

@@ -23,21 +23,15 @@
flex: 1;
min-height: 100vh;
}
#sidebar-placeholder {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 280px;
background: #F4F7FA;
}
</style>
</head>
<body>
<div id="root">
<div id="sidebar-placeholder"></div>
</div>
<div id="root"></div>
<script>
if (window.localStorage.getItem("theme") === "dark") {
window.document.querySelector('#root').style.background = "#111319";
}
</script>
<script src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag-3.min.js" data-apikey="<%= BUGSNAG_KEY %>"></script>
</body>
</html>

4
server/utils/renderpage.js
View File

@@ -8,7 +8,7 @@ import {
ThemeProvider,
} from 'styled-components';
import Layout from '../pages/components/Layout';
import theme from '../../shared/styles/theme';
import { light } from '../../shared/styles/theme';
const sheet = new ServerStyleSheet();
@@ -28,7 +28,7 @@ export default function renderpage(ctx: Object, children: React.Node) {
const html = ReactDOMServer.renderToString(
<StyleSheetManager sheet={sheet.instance}>
<ThemeProvider theme={theme}>
<ThemeProvider theme={light}>
<Layout sessions={sessions} loggedIn={loggedIn}>
{children}
</Layout>