46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
// 扫描模板文件，确保 Tailwind 能正确生成所需的原子类
|
|
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// 自定义暖色系调色板
|
|
coral: '#ff7e5f', // 珊瑚橙
|
|
warmApricot: '#feb47b', // 暖杏色
|
|
warmOffwhite: '#fffaf8', // 温暖米白
|
|
},
|
|
backgroundImage: {
|
|
// 核心渐变：珊瑚橙到暖杏色
|
|
'gradient-warm': 'linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%)',
|
|
// 辅助柔和渐变
|
|
'gradient-soft': 'linear-gradient(135deg, #FFF1EB 0%, #ACE0F9 100%)',
|
|
},
|
|
fontFamily: {
|
|
// 全局无衬线字体栈
|
|
sans: [
|
|
'Nunito',
|
|
'Noto Sans SC',
|
|
'system-ui',
|
|
'-apple-system',
|
|
'BlinkMacSystemFont',
|
|
'Segoe UI',
|
|
'sans-serif',
|
|
],
|
|
},
|
|
keyframes: {
|
|
// 轻微上浮的淡入动画
|
|
'fade-in': {
|
|
'0%': { opacity: '0', transform: 'translateY(8px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
},
|
|
animation: {
|
|
'fade-in': 'fade-in 0.3s ease-out both',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|