139 lines
3.1 KiB
JavaScript
139 lines
3.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
// 设计系统色彩配置
|
|
colors: {
|
|
// 主色调 - 蓝色系
|
|
primary: {
|
|
50: '#eff6ff',
|
|
100: '#dbeafe',
|
|
200: '#bfdbfe',
|
|
300: '#93c5fd',
|
|
400: '#60a5fa',
|
|
500: '#3b82f6',
|
|
600: '#2563eb',
|
|
700: '#1d4ed8',
|
|
800: '#1e40af',
|
|
900: '#1e3a8a',
|
|
950: '#172554',
|
|
},
|
|
// 次要色调 - 紫色系
|
|
secondary: {
|
|
50: '#faf5ff',
|
|
100: '#f3e8ff',
|
|
200: '#e9d5ff',
|
|
300: '#d8b4fe',
|
|
400: '#c084fc',
|
|
500: '#a855f7',
|
|
600: '#9333ea',
|
|
700: '#7c3aed',
|
|
800: '#6b21a8',
|
|
900: '#581c87',
|
|
950: '#3b0764',
|
|
},
|
|
// 成功色调 - 绿色系
|
|
success: {
|
|
50: '#f0fdf4',
|
|
100: '#dcfce7',
|
|
200: '#bbf7d0',
|
|
300: '#86efac',
|
|
400: '#4ade80',
|
|
500: '#22c55e',
|
|
600: '#16a34a',
|
|
700: '#15803d',
|
|
800: '#166534',
|
|
900: '#14532d',
|
|
950: '#052e16',
|
|
},
|
|
// 警告色调 - 黄色系
|
|
warning: {
|
|
50: '#fefce8',
|
|
100: '#fef9c3',
|
|
200: '#fef08a',
|
|
300: '#fde047',
|
|
400: '#facc15',
|
|
500: '#eab308',
|
|
600: '#ca8a04',
|
|
700: '#a16207',
|
|
800: '#854d0e',
|
|
900: '#713f12',
|
|
950: '#422006',
|
|
},
|
|
// 错误色调 - 红色系
|
|
error: {
|
|
50: '#fef2f2',
|
|
100: '#fee2e2',
|
|
200: '#fecaca',
|
|
300: '#fca5a5',
|
|
400: '#f87171',
|
|
500: '#ef4444',
|
|
600: '#dc2626',
|
|
700: '#b91c1c',
|
|
800: '#991b1b',
|
|
900: '#7f1d1d',
|
|
950: '#450a0a',
|
|
},
|
|
// 中性色调 - 灰色系
|
|
neutral: {
|
|
50: '#fafafa',
|
|
100: '#f5f5f5',
|
|
200: '#e5e5e5',
|
|
300: '#d4d4d4',
|
|
400: '#a3a3a3',
|
|
500: '#737373',
|
|
600: '#525252',
|
|
700: '#404040',
|
|
800: '#262626',
|
|
900: '#171717',
|
|
950: '#0a0a0a',
|
|
},
|
|
},
|
|
|
|
// 字体配置
|
|
fontFamily: {
|
|
sans: [
|
|
'Inter',
|
|
'ui-sans-serif',
|
|
'system-ui',
|
|
'sans-serif'
|
|
],
|
|
mono: [
|
|
'JetBrains Mono',
|
|
'ui-monospace',
|
|
'monospace'
|
|
],
|
|
},
|
|
|
|
// 间距配置
|
|
spacing: {
|
|
'18': '4.5rem',
|
|
'88': '22rem',
|
|
'128': '32rem',
|
|
'144': '36rem',
|
|
},
|
|
|
|
// 圆角配置
|
|
borderRadius: {
|
|
'xs': '0.125rem',
|
|
'sm': '0.25rem',
|
|
'md': '0.375rem',
|
|
'lg': '0.5rem',
|
|
'xl': '0.75rem',
|
|
'2xl': '1rem',
|
|
'3xl': '1.5rem',
|
|
'4xl': '2rem',
|
|
},
|
|
},
|
|
},
|
|
|
|
// 插件配置 - 移除可能导致问题的插件
|
|
plugins: [],
|
|
|
|
// 暗色模式配置
|
|
darkMode: 'class',
|
|
} |