Default Bootstrap theme to dark mode

- Change default theme from light to dark for first-time visitors - Fix Alpine reactive theme toggle so icons and data-bs-theme update correctly - Remove hardcoded bg-light classes that prevented dark mode from applying - Fix broken duplicate Bootstrap bundle import in app.js
2026-03-06 02:49:17 +00:00
parent 38b1dd0f4d
commit 6d22830f95
5 changed files with 17 additions and 18 deletions
--- a/resources/views/components/layouts/guest.blade.php
+++ b/resources/views/components/layouts/guest.blade.php
@@ -1,5 +1,9 @@
 <!doctype html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"
+    x-data="{ theme: localStorage.getItem('theme') || 'dark' }"
+    x-init="document.documentElement.setAttribute('data-bs-theme', theme);"
+    :data-bs-theme="theme"
+>
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -8,7 +12,7 @@
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @livewireStyles
 </head>
-<body class="bg-light">
+<body>
    {{ $slot }}
    @livewireScripts
 </body>