wip

2026-09-24 15:42:09 +08:00 · 2023-07-01 14:12:04 +01:00
parent d000e745e7
commit 38f4390887
15 changed files with 18 additions and 2 deletions
@@ -16,6 +16,22 @@

        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=be-vietnam-pro:400,500,700&amp;display=swap" rel="stylesheet">
+
+        <script>
+            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                document.documentElement.classList.add('dark')
+            }
+
+            window
+                .matchMedia('(prefers-color-scheme: dark)')
+                .addEventListener('change', (event) => {
+                    if (event.matches) {
+                        document.documentElement.classList.add('dark')
+                    } else {
+                        document.documentElement.classList.remove('dark')
+                    }
+                })
+        </script>
    </head>

    <body class="antialiased bg-gray-50 text-gray-900 dark:text-white dark:bg-gray-900">
@@ -8,7 +8,7 @@ import { fileURLToPath } from 'url'

 emitter.setMaxListeners(1024)

-const themes = ['light', 'dark']
+const themes = ['dark']

 const processScreenshot = async (file, options, theme) => {
    configure(options.configure)
@@ -1,7 +1,6 @@
 import defaultPreset from '../support/tailwind.config.preset.js'
 import defaultTheme from 'tailwindcss/defaultTheme'

-defaultPreset.darkMode = 'class'
 defaultPreset.theme.extend.fontFamily = {
    sans: ['var(--font-family)', ...defaultTheme.fontFamily.sans],
 }
@@ -2,6 +2,7 @@ import forms from '@tailwindcss/forms'
 import typography from '@tailwindcss/typography'

 export default {
+    darkMode: 'class',
    content: ['./vendor/filament/**/*.blade.php'],
    theme: {
        extend: {