Functionality for Dark-Mode in Litmus Docs 2.0 (#131)

* enabled dark-mode for litmus-docs

Signed-off-by: neelanjan00 <[email protected]>

Author: Neelanjan Manna

website/docusaurus.config.js

@@ -126,7 +126,7 @@ module.exports = {
 
       // Hides the switch in the navbar
       // Useful if you want to support a single color mode
-      disableSwitch: true,
+      disableSwitch: false,
 
       // Should we use the prefers-color-scheme media-query,
       // using user system preferences, instead of the hardcoded defaultMode

website/src/components/layout/Sections.jsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import '../../css/sections.css'
 
-const SectionLight = ({ children }) => <div className="sectionLight">{children}</div>
+const SectionLight = ({ children }) => <div className="homeSection">{children}</div>
 
-const SectionDark = ({ children }) => <div className="sectionDark">{children}</div>
+const SectionDark = ({ children }) => <div className="homeSection">{children}</div>
 
-export { SectionLight, SectionDark }
+export { SectionLight, SectionDark }

website/src/css/global.css

@@ -7,7 +7,6 @@ html {
 body {
   margin: 0;
   padding: 0;
-  background: #f4f5f7;
   font-size: 1.05rem;
 }