Merge pull request #1987 from hrx01-dev/fix/Changed-the-background-color-on-the-header#1979

fix : Change the background color on the header#1979

Author: sanjay-kv

src/components/header/header.css

@@ -4,7 +4,7 @@
   align-items: center;
   overflow: hidden;
   padding: 3rem auto;
-  background-color: #fafaf8;
+  background-color: #FAFAF8;
   color: #111827;
   transition:
     background 0.4s ease,

src/css/custom.css

@@ -624,11 +624,11 @@ html[data-theme="dark"] article blockquote {
   }
 }
 
-:root {
-  --ifm-background-color: #fafaf8;
-  --ifm-background-surface-color: #fafaf8;
-  --ifm-navbar-background-color: #fafaf8;
-  --ifm-footer-background-color: #fafaf8;
+:root, html[data-theme="light"] {
+  --ifm-background-color: #FAFAF8;
+  --ifm-background-surface-color: #FAFAF8;
+  --ifm-navbar-background-color: #FAFAF8;
+  --ifm-footer-background-color: #FAFAF8;
   --ifm-color-primary: #2e8555;
   --ifm-color-primary-dark: #29784c;
   --ifm-color-primary-darker: #277148;
@@ -689,7 +689,7 @@ body {
   text-decoration: none;
 }
 
-[data-theme="dark"] {
+html[data-theme="dark"] {
   --ifm-background-color: #000000;
   --ifm-background-surface-color: #0a0a0a;
   --ifm-navbar-background-color: #000000;