From 5a934fcdf748f6e783ce5ade0cb22af474a628f7 Mon Sep 17 00:00:00 2001
From: Vaishakh GK <vaishakhgk2006@gmail.com>
Date: Sun, 25 Aug 2024 11:30:01 +0530
Subject: [PATCH] Make whole html colour black

---
 layouts/partials/scripts.html         | 7 +++++++
 layouts/partials/sections/header.html | 3 +++
 2 files changed, 10 insertions(+)

diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 12a05c616..1d3c09652 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -2,6 +2,7 @@
 <script>
     if (document.body.className.includes("dark")) {
         document.body.classList.remove('dark');
+        document.documentElement.classList.remove('dark');
         localStorage.setItem("pref-theme", 'light');
     }
 </script>
@@ -10,6 +11,7 @@
 {{- /* theme is dark */}}
 <script>
     if (document.body.className.includes("light")) {
+        document.documentElement.classList.add('dark');
         document.body.classList.add('dark');
         localStorage.setItem("pref-theme", 'dark');
     }
@@ -19,10 +21,13 @@
 {{- /* theme is auto */}}
 <script>
     if (localStorage.getItem("pref-theme") === "dark") {
+        document.documentElement.classList.add('dark');
         document.body.classList.add('dark');
     } else if (localStorage.getItem("pref-theme") === "light") {
         document.body.classList.remove('dark')
+        document.documentElement.classList.remove('dark');
     } else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        document.documentElement.classList.add('dark');
         document.body.classList.add('dark');
     }
 
@@ -34,9 +39,11 @@
     document.getElementById("theme-toggle").addEventListener("click", () => {
         if (document.body.className.includes("dark")) {
             document.body.classList.remove('dark');
+            document.documentElement.classList.remove('dark');
             localStorage.setItem("pref-theme", 'light');
         } else {
             document.body.classList.add('dark');
+            document.documentElement.classList.add('dark');
             localStorage.setItem("pref-theme", 'dark');
         }
     })
diff --git a/layouts/partials/sections/header.html b/layouts/partials/sections/header.html
index 68b05975d..029ffab22 100644
--- a/layouts/partials/sections/header.html
+++ b/layouts/partials/sections/header.html
@@ -5,13 +5,16 @@
 
     switch (localStorageValue) {
         case "dark":
+            document.documentElement.classList.add('dark');
             document.body.classList.add('dark');
             break;
         case "light":
             document.body.classList.remove('dark');
+            document.documentElement.classList.remove('dark');
             break;
         default:
             if (mediaQuery) {
+                document.documentElement.classList.add('dark');
                 document.body.classList.add('dark');
             }
             break;