updates for admin area

resources/views/layouts/admin.blade.php

@@ -5,6 +5,14 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <title>@yield('title', 'Administration') — BeatBook</title>
+    <script>
+        (() => {
+            const saved = localStorage.getItem('beatbook-admin-theme') || 'system';
+            const dark = saved === 'dark' || (saved === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
+            document.documentElement.dataset.adminTheme = dark ? 'dark' : 'light';
+            document.documentElement.dataset.adminThemePreference = saved;
+        })();
+    </script>
     @vite(['resources/css/app.css', 'resources/js/app.js'])
 </head>
 <body class="admin-body">
@@ -37,7 +45,14 @@
         <header class="admin-topbar">
             <button class="icon-button admin-menu" type="button" data-admin-open aria-label="Open menu">☰</button>
             <div><strong>@yield('page-title', 'Administration')</strong><span>{{ auth()->user()->name }}</span></div>
-            <a class="button small" href="{{ route('home') }}">Public site</a>
+            <div class="admin-topbar-actions">
+                <div class="admin-theme-switcher" role="group" aria-label="Appearance">
+                    <button type="button" data-admin-theme="light" title="Light mode" aria-label="Use light mode">☀</button>
+                    <button type="button" data-admin-theme="system" title="System appearance" aria-label="Use system appearance">◐</button>
+                    <button type="button" data-admin-theme="dark" title="Dark mode" aria-label="Use dark mode">☾</button>
+                </div>
+                <a class="button small" href="{{ route('home') }}">Public site</a>
+            </div>
         </header>
         @if(session('success'))<div class="admin-flash">{{ session('success') }}</div>@endif
         @if(session('error'))<div class="admin-flash error">{{ session('error') }}</div>@endif