Spaces:
Sleeping
Sleeping
| <!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> | |