Updated text-color to white

css/style.css

@@ -444,7 +444,7 @@ body {
   color: transparent;
   -webkit-text-stroke: 1px white;
   background: url(img/back.png);
-  -webkit-background-clip: text;
+  --webkit-background-clip: text;
   background-position: 0 0;
   filter: blur(20px);
   opacity: 0;
@@ -641,8 +641,8 @@ body {
     color: #000;
 }
 /* Dark mode styles */
-[data-theme="dark"] .card-heading {
-  color: #ffffff; /* white color for dark mode */
+[data-theme="dark"].card-heading {
+  color: #fff; /* white color for dark mode */
 }
 
 .card-description {

index.html

@@ -9,6 +9,7 @@
     <link rel="stylesheet" href= "./css/style.css" />
     <link rel="preconnect" href= "https://fonts.googleapis.com" />
     <link rel="preconnect" href= "https://fonts.gstatic.com" crossorigin />
+<<<<<<< Updated upstream
     <link
         href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
         rel="stylesheet"
@@ -17,6 +18,11 @@
         href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
         rel="stylesheet"
     />
+=======
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
+<main>
+
+>>>>>>> Stashed changes
 <style>
 body {
     font-family: 'Poppins', sans-serif;
@@ -69,6 +75,11 @@
     filter: grayscale(0%); /* Color on hover */
 }</style>
 
+<<<<<<< Updated upstream
+=======
+        <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet" />
+>>>>>>> Stashed changes
     <link rel="shortcut icon" href="./assets/image/favicon.png" type="image/x-icon">
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
     <link rel="stylesheet" href="./footer.css">

js/app.js

@@ -1,4 +1,4 @@
-const toggleModeBtn = document.getElementById("toggle-mode-btn");
+var toggleModeBtn = document.getElementById("toggle-mode-btn");
 const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)");
 let nextBtn = document.querySelector(".next");
 let prevBtn = document.querySelector(".prev");
@@ -81,17 +81,17 @@ function setTheme(theme) {
 }
 
 const savedTheme = localStorage.getItem("theme");
-if (savedTheme) {
-  setTheme(savedTheme);
+if (savedTheme == "dark") {
+  setTheme("dark");
 } else if (prefersDarkScheme.matches) {
   setTheme("dark");
 } else {
   setTheme("light");
 }
 
-toggleModeBtn.onclick = () => {
+toggleModeBtn.onClick = () => {
   const currentTheme = document.documentElement.getAttribute("data-theme");
-  const newTheme = currentTheme === "light" ? "dark" : "light";
+  const newTheme = (currentTheme == "light" ? "dark" : "light");
 
   setTheme(newTheme);