globales css hinzu

app/assets/css/global.css

@@ -0,0 +1,32 @@
+/* assets/css/global.css */
+
+/* CI-Variablen */
+:root {
+    --bg: #0b1020;
+    --bg2: #0a0f1c;
+    --accent: #22d3ee;
+    --accent2: #0ea5e9;
+    --text: #ffffff;
+    --t2: rgba(255, 255, 255, .80);
+    --t3: rgba(255, 255, 255, .60);
+    --border: rgba(255, 255, 255, .10);
+}
+
+/* Reset + Base */
+html, body, #__nuxt {
+    min-height: 100vh;
+    min-width: 100vw;
+    background: var(--bg);
+    color: var(--text);
+    font-family: system-ui, sans-serif;
+    background: radial-gradient(800px 400px at 80% -10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%),
+    radial-gradient(600px 300px at 10% -5%, color-mix(in srgb, var(--accent2) 15%, transparent), transparent 60%),
+    linear-gradient(180deg, var(--bg) 0%, var(--bg) 60%, var(--bg2) 100%);
+}
+
+/* Vuetify Overrides global */
+.v-field, .v-textarea, .v-switch, .v-slider {
+    border-radius: 0 !important;
+    box-shadow: none !important;
+}
+

nuxt.config.ts

@@ -1,14 +1,43 @@
-// https://nuxt.com/docs/api/configuration/nuxt-config
+// nuxt.config.ts
 export default defineNuxtConfig({
     compatibilityDate: '2025-07-15',
-    devtools: {enabled: true},
+    devtools: { enabled: true },
+    ssr: false,
     modules: ['vuetify-nuxt-module', '@nuxtjs/tailwindcss', 'nuxt-aos'],
-    aos: {once: true, duration: 600, easing: 'ease-out'},
-    app: {head: {link: [{rel: 'icon', type: 'image/jpeg', href: '/img/logo.jpeg'}]}},
+    aos: { once: true, duration: 600, easing: 'ease-out' },
+    app: { head: { link: [{ rel: 'icon', type: 'image/jpeg', href: '/img/logo.jpeg' }] } },
     runtimeConfig: {
-        openaiKey: process.env.OPENAI_API_KEY,     // server-only
+        openaiKey: process.env.OPENAI_API_KEY,
         llmModel: process.env.LLM_MODEL || 'gpt-5-nano',
         ttsModel: process.env.TTS_MODEL || 'tts-1',
         public: {}
-    }
+    },
+    vuetify: {
+        vuetifyOptions: {
+            theme: {
+                defaultTheme: 'opensquawkDark',
+                themes: {
+                    opensquawkDark: {
+                        dark: true,
+                        colors: {
+                            background: '#0b1020',
+                            surface: '#0a0f1c',
+                            primary: '#22d3ee',
+                            secondary: '#0ea5e9',
+                            info: '#22d3ee',
+                            success: '#22c55e',
+                            warning: '#f59e0b',
+                            error: '#ef4444',
+                            // Text-Kontrast
+                            'on-background': '#ffffff',
+                            'on-surface': '#ffffff'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    css: [
+        '~/assets/css/global.css'
+    ],
 })

package.json

@@ -8,6 +8,7 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
+    "start": "node .output/server/index.mjs",
     "postinstall": "nuxt prepare"
   },
   "dependencies": {