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,13 +1,11 @@
 <script setup lang="ts">
-import { Monitor, Moon, Sun } from 'lucide-vue-next';
+import { Moon } from 'lucide-vue-next';
 import { useAppearance } from '@/composables/useAppearance';

 const { appearance, updateAppearance } = useAppearance();

 const tabs = [
-    { value: 'light', Icon: Sun, label: 'Light' },
    { value: 'dark', Icon: Moon, label: 'Dark' },
-    { value: 'system', Icon: Monitor, label: 'System' },
 ] as const;
 </script>

@@ -18,7 +16,7 @@ const tabs = [
        <button
            v-for="{ value, Icon, label } in tabs"
            :key="value"
-            @click="updateAppearance(value)"
+                @click="updateAppearance()"
            :class="[
                'flex items-center rounded-md px-3.5 py-1.5 transition-colors',
                appearance === value