diff --git a/app/assets/css/global.css b/app/assets/css/global.css new file mode 100644 index 0000000..0fc93d8 --- /dev/null +++ b/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; +} + diff --git a/nuxt.config.ts b/nuxt.config.ts index eeef8de..8fc911a 100644 --- a/nuxt.config.ts +++ b/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' + ], }) diff --git a/package.json b/package.json index c3bf4c7..4b74b3e 100644 --- a/package.json +++ b/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": {