From ffe3fdae0d1d979ce38853f4cfd1f7dc68362aa5 Mon Sep 17 00:00:00 2001
From: Alex Guerra <alex@heyimalex.com>
Date: Tue, 5 Nov 2019 18:21:18 -0600
Subject: [PATCH 1/2] Fix light background in docusaurus night mode

Closes #7930
---
 docusaurus/website/src/pages/styles.module.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/docusaurus/website/src/pages/styles.module.css b/docusaurus/website/src/pages/styles.module.css
index 60c7acff20a..687485470c2 100644
--- a/docusaurus/website/src/pages/styles.module.css
+++ b/docusaurus/website/src/pages/styles.module.css
@@ -42,5 +42,8 @@
 
 .lightBackground {
   background-color: #f7f7f7;
-  color: rgb(31, 34, 39);
+}
+
+html[data-theme='dark'] .lightBackground {
+  background-color: #33363b;
 }

From 8d748965272c32a87cccec551815f528ddd58630 Mon Sep 17 00:00:00 2001
From: Alex Guerra <alex@heyimalex.com>
Date: Wed, 6 Nov 2019 14:06:45 -0600
Subject: [PATCH 2/2] Rename lightBackground to gettingStartedSection

---
 docusaurus/website/src/pages/index.js          | 2 +-
 docusaurus/website/src/pages/styles.module.css | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docusaurus/website/src/pages/index.js b/docusaurus/website/src/pages/index.js
index d6036001c3d..f04c6168b2d 100644
--- a/docusaurus/website/src/pages/index.js
+++ b/docusaurus/website/src/pages/index.js
@@ -79,7 +79,7 @@ function Home() {
           </div>
         </div>
       )}
-      <div className={styles.lightBackground}>
+      <div className={styles.gettingStartedSection}>
         <div className="container padding-vert--xl text--left">
           <div className="row">
             <div className="col col--4 col--offset-1">
diff --git a/docusaurus/website/src/pages/styles.module.css b/docusaurus/website/src/pages/styles.module.css
index 687485470c2..e678866e9a1 100644
--- a/docusaurus/website/src/pages/styles.module.css
+++ b/docusaurus/website/src/pages/styles.module.css
@@ -40,10 +40,10 @@
   margin: 0 auto;
 }
 
-.lightBackground {
+.gettingStartedSection {
   background-color: #f7f7f7;
 }
 
-html[data-theme='dark'] .lightBackground {
+html[data-theme='dark'] .gettingStartedSection {
   background-color: #33363b;
 }