| <!DOCTYPE html> |
| <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" @class(['dark' => ($appearance ?? 'system') == 'dark'])> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <meta name="csrf-token" content="{{ csrf_token() }}"> |
| |
| {{-- Inline script to detect system dark mode preference and apply it immediately --}} |
| <script> |
| (function() { |
| const appearance = '{{ $appearance ?? "system" }}'; |
| |
| if (appearance === 'system') { |
| const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; |
| |
| if (prefersDark) { |
| document.documentElement.classList.add('dark'); |
| } |
| } |
| })(); |
| </script> |
| |
| {{-- Inline style to set the HTML background color based on our theme in app.css --}} |
| <style> |
| html { |
| background-color: oklch(1 0 0); |
| } |
| |
| html.dark { |
| background-color: oklch(0.145 0 0); |
| } |
| </style> |
| |
| <link rel="icon" href="/logo-sevima.svg" type="image/svg+xml"> |
| <link rel="icon" href="/logo-sevima.png" type="image/png"> |
| <link rel="apple-touch-icon" href="/logo-sevima.png"> |
| |
| @fonts |
| |
| @viteReactRefresh |
| @vite(['resources/css/app.css', 'resources/js/app.tsx', "resources/js/pages/{$page['component']}.tsx"]) |
| <x-inertia::head> |
| <title>{{ config('app.name', 'Laravel') }}</title> |
| </x-inertia::head> |
| </head> |
| <body class="font-sans antialiased"> |
| <x-inertia::app /> |
| </body> |
| </html> |
| |
