Merge branch 'master' of https://git.mirfalah.my/mirfalah-tech/digital-card

resources/css/app.css

@@ -11,4 +11,19 @@
     src: url('tanPearl.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
+}
+
+@media (prefers-color-scheme: dark) {
+    html, body {
+        background-color: #ffffff;
+        color: #000000;
+    }
+
+    /* Override any other dark mode specific styles */
+    .dark\:bg-gray-900 {
+        background-color: #ffffff !important;
+    }
+    .dark\:text-white {
+        color: #000000 !important;
+    }
 }

resources/views/digital-card.blade.php

@@ -90,6 +90,8 @@
                     document.body.classList.remove('no-scroll'); // Enable scrolling
                     setTimeout(smoothScroll, scrollInterval); // Start smooth scrolling after initial delay
                 }
+
+                document.documentElement.classList.add('light-mode');
     
                 // Listen for click or touch event to start auto-scrolling
                 window.addEventListener('click', handleInteraction, { once: true });

resources/views/rsvp-digital-card.blade.php

@@ -18,6 +18,13 @@
     <audio id="player" autoplay="autoplay" loop>
         <source src="{{asset('assets/background-musicv2.mp3')}}" type="audio/mp3">
     </audio>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', (event) => {
+            document.documentElement.classList.add('light-mode');
+        });
+    </script>
+    
     <div class="section bg-babyblue h-screen w-screen flex justify-center items-center">
         <div class="flex flex-col gap-3 w-4/5 z-10">
             <div class="flex justify-center">