darkModeTextBlue

index.html

@@ -170,15 +170,15 @@
                 <div class="container text-center hidden md:block">
                     <div class="text-container relative">
                         <span class="text const_text">I am </span>
-                        <span class="text animated_text dark:text-white relative inline-block">
+                        <span class="text animated_text dark:text-blue-600 relative inline-block">
                             <!-- Apply Tailwind CSS classes directly in the span -->
                             <span class="absolute top-0 left-0 w-full h-full bg-white border-l-2 border-black"
                                 style="animation: typing 4s steps(12) infinite"></span>
                         </span>
                     </div>
                 </div>
                 <button onclick="toggleDarkMode()" id="darkModeToggle" type="button"
-                    class="hover:animate-pulse active:animate-ping stroke-lime-50">
+                    class="hover:animate-pulse stroke-lime-50">
                     <img src="./Assets/IMG/toggle-off.png" alt="off" class="h-12 w-14" />
                 </button>
             </nav>
@@ -346,4 +346,4 @@ <h1 class="text-xl font-bold">
     </script>
 </body>
 
-</html>
+</html>