darkMode use

alexy-os · Nov 28, 2024 · 4b5d5e9 · 4b5d5e9
1 parent b881101
commit 4b5d5e9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
         if (theme === 'true' || (!theme && systemTheme)) {
           document.documentElement.classList.add('dark');
         }
-      })();
+      })(); 
     </script>
     <meta name="description" content="A starter project for Vue 3 with Shadcn UI and Tailwind CSS">
     <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">

diff --git a/public/buildy/index.html b/public/buildy/index.html
@@ -11,14 +11,19 @@
   <meta name="description"
     content="Create fasty Landing pages with TailwindCSS. Dark Mode and customizer Config included." />
   <link rel="icon" href="./img/favicon.ico" />
+  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
+  <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
+  <meta name="color-scheme" content="light dark">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="mobile-web-app-capable" content="yes">
   <script>
     (function() {
       const theme = localStorage.getItem('darkMode');
       const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
       if (theme === 'true' || (!theme && systemTheme)) {
         document.documentElement.classList.add('dark');
       }
-    })();
+    })(); 
   </script>
   <script src="./js/lib/tailwind.js"></script>
   <script src="./js/lib/lucide.min.js"></script>