115 lines
2.5 KiB
JavaScript
115 lines
2.5 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
surface: '#242424',
|
|
background: '#1a1a1a',
|
|
// 深色主题背景
|
|
bg: {
|
|
primary: '#0d0d0d',
|
|
secondary: '#141414',
|
|
tertiary: '#1a1a1a',
|
|
elevated: '#242424',
|
|
hover: '#2a2a2a',
|
|
},
|
|
// 文字色
|
|
text: {
|
|
primary: '#ffffff',
|
|
secondary: '#a1a1a1',
|
|
tertiary: '#6e6e6e',
|
|
},
|
|
// 边框
|
|
border: {
|
|
DEFAULT: '#2a2a2a',
|
|
hover: '#3a3a3a',
|
|
},
|
|
// 强调色 - 青绿色系
|
|
accent: {
|
|
primary: '#10a37f',
|
|
DEFAULT: '#10a37f',
|
|
hover: '#0d8c6d',
|
|
secondary: '#19c59f',
|
|
},
|
|
// 状态色
|
|
status: {
|
|
success: '#10a37f',
|
|
warning: '#f59e0b',
|
|
error: '#ef4444',
|
|
danger: '#ef4444',
|
|
neutral: '#6b7280',
|
|
},
|
|
apple: {
|
|
blue: '#0a84ff',
|
|
green: '#30d158',
|
|
indigo: '#5856d6',
|
|
orange: '#ff9f0a',
|
|
pink: '#ff375f',
|
|
purple: '#bf5af2',
|
|
red: '#ff453a',
|
|
teal: '#64d2ff',
|
|
yellow: '#ffd60a'
|
|
},
|
|
system: {
|
|
background: {
|
|
primary: '#1a1a1a',
|
|
secondary: '#2a2a2a',
|
|
tertiary: '#3a3a3a'
|
|
},
|
|
gray: {
|
|
1: '#8e8e93',
|
|
2: '#636366',
|
|
3: '#48484a',
|
|
4: '#3a3a3c',
|
|
5: '#2c2c2e',
|
|
6: '#1c1c1e'
|
|
},
|
|
label: {
|
|
primary: '#ffffff',
|
|
secondary: '#98989d',
|
|
tertiary: '#6c6c70',
|
|
quaternary: '#4b5563'
|
|
}
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'-apple-system',
|
|
'BlinkMacSystemFont',
|
|
'"Segoe UI"',
|
|
'Roboto',
|
|
'"Helvetica Neue"',
|
|
'Arial',
|
|
'sans-serif',
|
|
],
|
|
},
|
|
borderRadius: {
|
|
'sm': '6px',
|
|
'md': '8px',
|
|
'lg': '12px',
|
|
'xl': '16px',
|
|
'full': '9999px',
|
|
},
|
|
spacing: {
|
|
'xs': '4px',
|
|
'sm': '8px',
|
|
'md': '12px',
|
|
'lg': '16px',
|
|
'xl': '24px',
|
|
'2xl': '32px',
|
|
},
|
|
transitionDuration: {
|
|
'fast': '150ms',
|
|
'normal': '250ms',
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
],
|
|
}
|