WorkBuddy
b9beddacf7
- tailwind 新增语义状态色三组(纸底文字级 600/700 对比度 ≥4.5:1,AA), 色相降饱和贴近墨色印刷感;后续替换全部裸 tailwind 原色(emerald/amber/rose) - 补 btn-outline 定义:此前三处使用但从未定义,样式静默失效 - 弹窗入场动画 keyframes:遮罩淡入 0.18s + 面板上浮 0.2s,仅 opacity/transform
91 lines
2.4 KiB
JavaScript
91 lines
2.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{ts,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// 纸白:微暖底色,像新闻纸而不是纯白画布
|
|
paper: {
|
|
50: '#FDFCF8',
|
|
100: '#F7F4EC',
|
|
200: '#EDE9DE',
|
|
300: '#DDD7C7',
|
|
},
|
|
// 墨色:暖黑灰阶,替代冷调 slate
|
|
ink: {
|
|
50: '#FAF9F7',
|
|
100: '#F0EEE9',
|
|
200: '#E2DFD7',
|
|
300: '#C9C4B8',
|
|
400: '#9C9587',
|
|
500: '#6E675B',
|
|
600: '#524C42',
|
|
700: '#3B362E',
|
|
800: '#282420',
|
|
900: '#17140F',
|
|
},
|
|
// 印报红:全站唯一强调色,克制使用
|
|
press: {
|
|
DEFAULT: '#9E1B1B',
|
|
dark: '#7C1414',
|
|
wash: '#F7E9E4',
|
|
},
|
|
// ── 语义状态色:成功/警告/负面 ──
|
|
// 设计约束:纸底 #FDFCF8 上文字级(600/700)对比度 ≥ 4.5:1(WCAG AA),
|
|
// 点/条级(500) ≥ 3:1;色相降饱和以贴近墨色印刷感,不使用 tailwind 原色。
|
|
ok: {
|
|
50: '#EAF3ED',
|
|
100: '#D5E8DC',
|
|
300: '#A3C9B1',
|
|
500: '#43925F',
|
|
600: '#2E7A4C',
|
|
700: '#1F6B45',
|
|
},
|
|
warn: {
|
|
50: '#FBF3E4',
|
|
100: '#F5E5C8',
|
|
300: '#E2C48E',
|
|
500: '#D97706',
|
|
600: '#A15C0B',
|
|
700: '#8F5109',
|
|
},
|
|
bad: {
|
|
50: '#FAEDED',
|
|
100: '#F6E3E3',
|
|
300: '#E4AFAF',
|
|
500: '#C24A4A',
|
|
600: '#A83B3B',
|
|
700: '#8F3030',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
// 毛体草书(国内 CDN)+ 粗楷体回退
|
|
brush: ['"Liu Jian Mao Cao"', '"KaiTi"', '"STKaiti"', '"Kaiti SC"', '"楷体"', '"Songti SC"', 'serif'],
|
|
// 标题与比分:宋体血统,报纸版面的骨架
|
|
serif: [
|
|
'Georgia',
|
|
'"Times New Roman"',
|
|
'"Songti SC"',
|
|
'STSong',
|
|
'SimSun',
|
|
'"Noto Serif CJK SC"',
|
|
'serif',
|
|
],
|
|
// 正文:中文黑体栈
|
|
sans: [
|
|
'"PingFang SC"',
|
|
'"Hiragino Sans GB"',
|
|
'"Microsoft YaHei"',
|
|
'"Noto Sans CJK SC"',
|
|
'sans-serif',
|
|
],
|
|
mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Consolas', 'monospace'],
|
|
},
|
|
fontSize: {
|
|
'2xs': ['11px', { lineHeight: '16px' }],
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|