website: Fix website

evanpurkhiser · Dec 30, 2020 · 9aca168 · 9aca168 · vercel · Dec 30, 2020
1 parent 292b7fa
commit 9aca168
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 18 deletions.
diff --git 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
@@ -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 = () => (
-  <Router history={history}>
-    <Switch>
-      <Route
-        exact
-        path={['/manual', '/manaul']}
-        component={() => {
-          window.location.assign(
-            'https://www.notion.so/Prolink-Tools-User-Manual-1c0e5b28732b435a9804b992939ed791'
-          );
-          return null;
-        }}
-      />
-      <Route component={Landing} />
-    </Switch>
-  </Router>
+  <ThemeProvider theme={theme.light}>
+    <Router history={history}>
+      <Switch>
+        <Route
+          exact
+          path={['/manual', '/manaul']}
+          component={() => {
+            window.location.assign(
+              'https://www.notion.so/Prolink-Tools-User-Manual-1c0e5b28732b435a9804b992939ed791'
+            );
+            return null;
+          }}
+        />
+        <Route component={Landing} />
+      </Switch>
+    </Router>
+  </ThemeProvider>
 );
 
 // Render components