Dark mode by default

2026-09-19 18:04:29 +02:00
parent 7c223e0ba8
commit 21c02706de
5 changed files with 17 additions and 99 deletions
@@ -1,34 +1,15 @@
 <!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"  @class(['dark' => ($appearance ?? 'system') == 'dark'])>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

-        {{-- 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>
-
        {{-- Anonymous analytics --}}
        <script defer src="https://analytics.matthiasg.dev/recorder.js" data-website-id="e616767f-e0d3-4ce9-b551-33c7c3806fc0"></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>