update togglemode

brunoglvm · Jan 20, 2024 · 98d205d · 98d205d
1 parent 77cbb0e
commit 98d205d
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/script.js b/script.js
@@ -1,5 +1,6 @@
 function toggleMode() {
   const html = document.documentElement;
+  const root = document.querySelector(":root");
 
   html.classList.toggle("light");
 
@@ -8,8 +9,10 @@ function toggleMode() {
   if (html.classList.contains("light")) {
     img.setAttribute("src", "./assets/avatar-light.png");
     img.setAttribute("alt", "Light theme profile picture");
+    root.style.setProperty("--bg-color", "rgb(239, 235, 239)");
   } else {
     img.setAttribute("src", "./assets/avatar-dark.png");
     img.setAttribute("alt", "Dark theme profile picture");
+    root.style.setProperty("--bg-color", "rgb(22, 22, 24)");
   }
 }