shangfangjian
1a37c75907
- ink-400 #9C9587(2.90:1)→ #756F61(paper-50 4.87:1 / paper-100 4.55:1),正文级小字全部达标 - serif 栈插入 Noto Serif SC(fontsource 子集加载),Windows 不再跌进 SimSun - 首页加 feTurbulence 纸张噪点层(.grain);报头/赛程行/预测版 rise-in 错峰入场(60ms 步进) - reduce 动效用户:隐藏态与动画同在 no-preference 块,不会白屏 - Switch 提到模块顶层(修 render 重建丢焦点);a→Link(SPA 内链);h3→h2/h4→h3 修标题层级 - 按钮/输入热区抬高(btn 40px / btn-sm 32px / field py-2);index.css 硬编码色值改 :root 令牌
66 lines
1.8 KiB
JavaScript
66 lines
1.8 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
|
|
// 400 档压在 4.5:1 线上(paper-100 底 4.55:1 / paper-50 底 4.87:1),可作正文级小字
|
|
ink: {
|
|
50: '#FAF9F7',
|
|
100: '#F0EEE9',
|
|
200: '#E2DFD7',
|
|
300: '#C9C4B8',
|
|
400: '#756F61',
|
|
500: '#6E675B',
|
|
600: '#524C42',
|
|
700: '#3B362E',
|
|
800: '#282420',
|
|
900: '#17140F',
|
|
},
|
|
// 印报红:全站唯一强调色,克制使用
|
|
press: {
|
|
DEFAULT: '#9E1B1B',
|
|
dark: '#7C1414',
|
|
wash: '#F7E9E4',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
// 标题与比分:宋体血统,报纸版面的骨架
|
|
// 拉丁字形走 Georgia(含真斜体,供 Profeto 刊名),中文走 Noto Serif SC webfont;
|
|
// 原栈在 Windows 上会跌进 SimSun(点阵感),webfont 兜底解决跨端不一致
|
|
serif: [
|
|
'Georgia',
|
|
'"Noto Serif SC"',
|
|
'"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: [],
|
|
}
|