zhxiao1124
8019c52fbc
本次提交完成全后台页面的样式统一整改： 1. 新增Tailwind语义化颜色token，替换所有硬编码颜色值 2. 统一全站悬浮交互效果与阴影样式 3. 修正头像、菜单的品牌渐变配色 4. 统一登录页背景色为语义化token 5. 补全缺失的页面容器包裹 6. 统一弹窗宽度与表格分页配置 7. 标准化状态标签颜色与新增按钮样式 8. 对齐表单控件宽度规范
67 lines
1.7 KiB
JavaScript
67 lines
1.7 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{ts,tsx}'],
|
|
important: true,
|
|
corePlugins: {
|
|
preflight: false,
|
|
},
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
ink: '#1d2129',
|
|
secondary: '#4e5969',
|
|
muted: '#86909c',
|
|
line: '#e5e6eb',
|
|
'line-hover': '#c9cdd4',
|
|
canvas: '#f2f3f5',
|
|
'row-hover': '#f7f8fa',
|
|
'header-bg': '#fafbfc',
|
|
panel: '#fbfcfd',
|
|
brand: '#165dff',
|
|
'brand-light': '#e8f3ff',
|
|
success: '#00b42a',
|
|
'success-light': '#e8ffea',
|
|
warning: '#ff7d00',
|
|
'warning-light': '#fff7e8',
|
|
danger: '#f53f3f',
|
|
'danger-light': '#fff1f0',
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'Inter',
|
|
'ui-sans-serif',
|
|
'system-ui',
|
|
'-apple-system',
|
|
'BlinkMacSystemFont',
|
|
'"Segoe UI"',
|
|
'sans-serif',
|
|
],
|
|
},
|
|
boxShadow: {
|
|
login: '0 18px 48px rgba(15, 23, 42, 0.08)',
|
|
card: '0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.02)',
|
|
'card-hover': '0 4px 12px rgba(0,0,0,0.08)',
|
|
'card-lg': '0 4px 16px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.04)',
|
|
},
|
|
borderRadius: {
|
|
xl: '0.75rem',
|
|
},
|
|
animation: {
|
|
'fade-in': 'fadeIn 0.3s ease-out',
|
|
'slide-up': 'slideUp 0.3s ease-out',
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
slideUp: {
|
|
'0%': { opacity: '0', transform: 'translateY(8px)' },
|
|
'100%': { opacity: '1', transform: 'translateY(0)' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|