CAMBIOS:

- Eliminado el boton de tema, por atras el tema sigue cambiando dependiendo del tema preferido del browser.
- Correccion en los estilos del taller para el modo oscuro y claro.

resources/views/components/layout.blade.php

@@ -5,23 +5,19 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <script type="module">
-        // Revisamos el almacenamiento local o las preferencias del sistema
-        if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-            document.documentElement.classList.add('dark');
-        } else {
-            document.documentElement.classList.remove('dark');
-        }
-
-        // Función global para cambiar el tema desde cualquier botón
-        window.toggleTheme = function() {
-            if (document.documentElement.classList.contains('dark')) {
-                document.documentElement.classList.remove('dark');
-                localStorage.setItem('theme', 'light');
-            } else {
+        // Revisamos únicamente las preferencias del sistema
+        function applySystemTheme() {
+            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
                 document.documentElement.classList.add('dark');
-                localStorage.setItem('theme', 'dark');
+            } else {
+                document.documentElement.classList.remove('dark');
             }
         }
+        
+        applySystemTheme();
+        
+        // Escuchar cambios en la preferencia del sistema
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', applySystemTheme);
     </script>
     <title>{{ $title ?? 'Lauck Dashboard' }}</title>
     @stack('styles')