Fix light background in docusaurus night mode (facebook#7936)

* Fix light background in docusaurus night mode Closes facebook#7930 * Rename lightBackground to gettingStartedSection
fs-webdev · Jan 28, 2020 · c0aa53b · c0aa53b
1 parent fd3d822
commit c0aa53b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -40,7 +40,10 @@
   margin: 0 auto;
 }
 
-.lightBackground {
+.gettingStartedSection {
   background-color: #f7f7f7;
-  color: rgb(31, 34, 39);
+}
+
+html[data-theme='dark'] .gettingStartedSection {
+  background-color: #33363b;
 }