PinnovateCloud-realease/tailwind.config.ts
2025-05-23 16:00:15 +08:00

44 lines
1.1 KiB
TypeScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./components/**/*.{js,vue,ts}",
"./layouts/**/*.vue",
"./pages/**/*.vue",
"./plugins/**/*.{js,ts}",
"./app.vue",
"./error.vue"
],
theme: {
extend: {
colors: {
// 使用扁平结构而非嵌套对象
primary: '#1E40AF',
secondary: '#F97316',
accent: '#059669',
// 常规颜色也保留
'blue-50': '#EFF6FF',
'blue-100': '#DBEAFE',
'blue-200': '#BFDBFE',
'blue-300': '#93C5FD',
'blue-400': '#60A5FA',
'blue-500': '#3B82F6',
'blue-600': '#2563EB',
'blue-700': '#1D4ED8',
'blue-800': '#1E40AF',
'blue-900': '#1E3A8A',
'orange-50': '#FFF7ED',
'orange-100': '#FFEDD5',
'orange-500': '#F97316',
'orange-600': '#EA580C',
'orange-700': '#C2410C',
},
fontFamily: {
sans: ['Inter', 'Noto Sans SC', 'Roboto', 'sans-serif'],
},
boxShadow: {
'nav': '0 4px 12px rgba(0, 0, 0, 0.08)',
},
},
},
plugins: [],
}