theme: 'none' meant Dialog/InputText/Select/Button had zero CSS. Configured Aura preset with sky primary + dark mode selector. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
74 lines
1.5 KiB
TypeScript
74 lines
1.5 KiB
TypeScript
import Aura from '@primevue/themes/aura'
|
|
import { definePreset } from '@primevue/themes'
|
|
|
|
const WraithPreset = definePreset(Aura, {
|
|
semantic: {
|
|
primary: {
|
|
50: '{sky.50}',
|
|
100: '{sky.100}',
|
|
200: '{sky.200}',
|
|
300: '{sky.300}',
|
|
400: '{sky.400}',
|
|
500: '{sky.500}',
|
|
600: '{sky.600}',
|
|
700: '{sky.700}',
|
|
800: '{sky.800}',
|
|
900: '{sky.900}',
|
|
950: '{sky.950}',
|
|
},
|
|
colorScheme: {
|
|
dark: {
|
|
surface: {
|
|
0: '#ffffff',
|
|
50: '{gray.50}',
|
|
100: '{gray.100}',
|
|
200: '{gray.200}',
|
|
300: '{gray.300}',
|
|
400: '{gray.400}',
|
|
500: '{gray.500}',
|
|
600: '{gray.600}',
|
|
700: '{gray.700}',
|
|
800: '{gray.800}',
|
|
900: '{gray.900}',
|
|
950: '{gray.950}',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
})
|
|
|
|
export default defineNuxtConfig({
|
|
ssr: false,
|
|
devtools: { enabled: false },
|
|
modules: [
|
|
'@pinia/nuxt',
|
|
'@nuxtjs/tailwindcss',
|
|
'@primevue/nuxt-module',
|
|
],
|
|
css: ['~/assets/css/main.css', '@xterm/xterm/css/xterm.css'],
|
|
primevue: {
|
|
options: {
|
|
theme: {
|
|
preset: WraithPreset,
|
|
options: {
|
|
darkModeSelector: '.dark',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
runtimeConfig: {
|
|
public: {
|
|
apiBase: process.env.API_BASE || 'http://localhost:3000',
|
|
},
|
|
},
|
|
devServer: {
|
|
port: 3001,
|
|
},
|
|
nitro: {
|
|
devProxy: {
|
|
'/api': { target: 'http://localhost:3000/api', ws: true },
|
|
'/ws': { target: 'ws://localhost:3000/ws', ws: true },
|
|
},
|
|
},
|
|
})
|