diff --git a/src/website/Landing.tsx b/src/website/Landing.tsx
index d098b4a..42e28de 100644
--- a/src/website/Landing.tsx
+++ b/src/website/Landing.tsx
@@ -137,7 +137,7 @@ const shadeStyles = css`
left: 0;
right: 0;
bottom: 0;
- z-index: -1;
+ z-index: 0;
transform-origin: 0 100%;
`;
@@ -177,7 +177,7 @@ const DemoContainer = styled('div')`
position: relative;
border-radius: 5px;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
- background: #fff;
+ background: ${p => p.theme.background};
overflow: hidden;
display: flex;
@@ -278,7 +278,7 @@ const NowPlayingContainer = styled('div')``;
const ConfigContainer = styled(motion.div)`
position: relative;
margin-top: -2rem;
- background: #fff;
+ background: ${p => p.theme.background};
box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
border-radius: 5px;
z-index: 2;
diff --git a/src/website/app.tsx b/src/website/app.tsx
index fa60db0..3e8c6ae 100644
--- a/src/website/app.tsx
+++ b/src/website/app.tsx
@@ -2,8 +2,10 @@ import 'regenerator-runtime/runtime';
import * as ReactDOM from 'react-dom';
import {Route, Router, Switch} from 'react-router-dom';
+import {ThemeProvider} from '@emotion/react';
import {createBrowserHistory} from 'history';
+import theme from 'src/theme';
import Landing from 'web/Landing';
// Create main element
@@ -13,21 +15,23 @@ document.body.appendChild(mainElement);
const history = createBrowserHistory();
const Routes = () => (
-
-
- {
- window.location.assign(
- 'https://www.notion.so/Prolink-Tools-User-Manual-1c0e5b28732b435a9804b992939ed791'
- );
- return null;
- }}
- />
-
-
-
+
+
+
+ {
+ window.location.assign(
+ 'https://www.notion.so/Prolink-Tools-User-Manual-1c0e5b28732b435a9804b992939ed791'
+ );
+ return null;
+ }}
+ />
+
+
+
+
);
// Render components