diff --git a/packages/docusaurus/lib/default-theme/DocBody/index.js b/packages/docusaurus/lib/default-theme/DocBody/index.js
index 6f9b9a7089..9a35b9ba27 100644
--- a/packages/docusaurus/lib/default-theme/DocBody/index.js
+++ b/packages/docusaurus/lib/default-theme/DocBody/index.js
@@ -30,12 +30,12 @@ function DocBody(props) {
         {language && <meta name="docsearch:language" content={language} />}
         {version && <meta name="docsearch:version" content={version} />}
       </Head>
-      <div className="container margin-bottom--xl">
+      <div className="container margin-bottom--lg">
         <div className="row">
           <div className="col col--8 col--offset-2">
-            <h1 className="margin-vert--xl">{metadata.title}</h1>
+            <h1 className="margin-vert--lg">{metadata.title}</h1>
             <DocContents />
-            <div className="margin-vert--xl">
+            <div className="margin-vert--lg">
               <DocsPaginator />
             </div>
           </div>
diff --git a/packages/docusaurus/lib/default-theme/Footer/index.js b/packages/docusaurus/lib/default-theme/Footer/index.js
index 70fc157ab0..5898c80068 100644
--- a/packages/docusaurus/lib/default-theme/Footer/index.js
+++ b/packages/docusaurus/lib/default-theme/Footer/index.js
@@ -9,7 +9,7 @@ import React from 'react';
 
 function Footer() {
   return (
-    <footer className="footer footer--dark">
+    <footer className="footer">
       <div className="container">
         <div className="row footer__links">
           <div className="col">
diff --git a/packages/docusaurus/lib/default-theme/Layout/styles.css b/packages/docusaurus/lib/default-theme/Layout/styles.css
index a8e8b765bb..8da2059b1f 100644
--- a/packages/docusaurus/lib/default-theme/Layout/styles.css
+++ b/packages/docusaurus/lib/default-theme/Layout/styles.css
@@ -9,14 +9,14 @@
 
 body {
   margin: 0;
-  padding-top: var(--navbar-height);
+  padding-top: var(--ifm-navbar-height);
 }
 
 :root {
-  --color-primary: #25c2a0 !important;
-  --color-primary-dark: #21ad8e !important;
-  --color-primary-darker: #1d977d !important;
-  --color-primary-darkerer: #0c4236 !important;
-  --color-primary-light: #55dfc1 !important;
-  --color-primary-lighter: #55dfc1 !important;
+  --ifm-color-primary: #25c2a0 !important;
+  --ifm-color-primary-dark: #21ad8e !important;
+  --ifm-color-primary-darker: #1d977d !important;
+  --ifm-color-primary-darkerer: #0c4236 !important;
+  --ifm-color-primary-light: #55dfc1 !important;
+  --ifm-color-primary-lighter: #55dfc1 !important;
 }
diff --git a/packages/docusaurus/lib/default-theme/Sidebar/styles.module.css b/packages/docusaurus/lib/default-theme/Sidebar/styles.module.css
index b0da741489..5e0768bd5e 100644
--- a/packages/docusaurus/lib/default-theme/Sidebar/styles.module.css
+++ b/packages/docusaurus/lib/default-theme/Sidebar/styles.module.css
@@ -14,6 +14,6 @@
   position: fixed;
   overflow-x: hidden;
   overflow-y: auto;
-  top: var(--navbar-height);
+  top: var(--ifm-navbar-height);
   width: 20rem;
 }
diff --git a/website/pages/feedback/index.js b/website/pages/feedback/index.js
index 2482d989a3..086ff0ef67 100644
--- a/website/pages/feedback/index.js
+++ b/website/pages/feedback/index.js
@@ -8,8 +8,6 @@
 import React, {useEffect} from 'react';
 import canny from '../../scripts/canny';
 
-import styles from './styles.module.css';
-
 const BOARD_TOKEN = '054e0e53-d951-b14c-7e74-9eb8f9ed2f91';
 
 function Feedback() {
diff --git a/website/pages/feedback/styles.module.css b/website/pages/feedback/styles.module.css
deleted file mode 100644
index 5dba762fb5..0000000000
--- a/website/pages/feedback/styles.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Copyright (c) 2017-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-.feedbackPage {
-  margin: 64px auto;
-  max-width: 1024px;
-}
diff --git a/website/pages/styles.module.css b/website/pages/styles.module.css
index 96dd312063..02375c6b41 100644
--- a/website/pages/styles.module.css
+++ b/website/pages/styles.module.css
@@ -10,7 +10,7 @@
 }
 
 .sectionAlt {
-  background-color: #f5f6f7;
+  background-color: var(--ifm-color-emphasis-inverse-alpha-30);
 }
 
 .sectionInner {