Reverts dynamic theme

because it didn't persis on page change

Author: ggteixeira

public/js/theme.js

@@ -27,18 +27,18 @@ function changeTheme() {
   window.getComputedStyle(css).opacity
 
   document.head.removeChild(css)
-  // localStorage.theme = theme
+  localStorage.theme = theme
 }
 
 function preloadTheme() {
   const theme = (() => {
-    // const userTheme = localStorage.theme
+    const userTheme = localStorage.theme
 
-    // if (userTheme === "light" || userTheme === "dark") {
-    //   return userTheme
-    // } else {
+    if (userTheme === "light" || userTheme === "dark") {
+      return userTheme
+    } else {
     return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
-    // }
+    }
   })()
 
   const element = document.documentElement

src/pages/index.astro

@@ -114,7 +114,7 @@ const posts = (await getCollection("blog"))
           <span class='animated text-sm md:text-base lg:text-lg opacity-75'>{homeTitle}</span>
           <div class="animated inline-block relative h-full items-center justify-center text-sm md:text-base lg:text-lg opacity-75">
              Software Developer 
-            <span class="absolute left-0 top-1/2 h-[2px] bg-black opacity-75 animate-[strike_0.6s_ease-out_1.5s_forwards]"></span>
+            <span class="absolute left-0 top-1/2 h-[2px] bg-black dark:bg-white opacity-75 animate-[strike_0.6s_ease-out_1.5s_forwards]"></span>
           </div>
 
           <span class="animate-[fadeInUp_0.6s_ease-out_3.0s_forwards] text-sm md:text-base lg:text-lg opacity-0">Software Artisan</span>