87 lines
3.8 KiB
JavaScript
87 lines
3.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
||
export default {
|
||
content: ['./index.html', './src/**/*.{vue,ts}'],
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
// WCAG 对比度修正：Tailwind 默认 slate-500(#64748b) 作正文在卡片上仅 3.73:1(<AA 4.5)，
|
||
// 全站当三级文字用了 100+ 次。提亮到 #7c8ba1(卡片 5.1:1 过 AA)，仍明显暗于 slate-400 保留层级。
|
||
// extend 深合并——只覆盖 500，其余 slate 档不变。
|
||
// 三级文字：由冷 #7c8ba1 改暖灰 #948a7c（大师面退掉冷 slate，仍过 AA）
|
||
slate: {
|
||
500: '#948a7c',
|
||
},
|
||
// 徽墨深底 —— 暖近黑（去蓝调、去电子屏感），对应徽墨/宣纸的媒材本真
|
||
ink: {
|
||
950: '#0c0b0a',
|
||
900: '#14110e',
|
||
800: '#1a1613',
|
||
700: '#262019',
|
||
600: '#37322a',
|
||
},
|
||
// 骨白 —— 主文字（暖白替换冷 slate-100）
|
||
bone: '#ece6da',
|
||
// 宣纸 —— 线上展厅浅底变体（暂留作后续用）
|
||
paper: '#ede7d9',
|
||
// 黄铜 —— 唯一常驻暖色：只做发丝线/标签/编号/下划线，永不填充或辉光
|
||
brass: {
|
||
DEFAULT: '#c9b892',
|
||
400: '#d8c79a',
|
||
500: '#c9b892',
|
||
600: '#b08d57',
|
||
700: '#8a6c33',
|
||
},
|
||
// 赫红 —— 唯一文化重点色（印章/篆刻）。★ 2026-07-22 传承升级：由靛蓝复位为方案「赫红」，
|
||
// 大师版 logo「我」印、seal 强调随之成朱印感；400 提亮以在深底上达对比。
|
||
seal: {
|
||
DEFAULT: '#8c1f2b',
|
||
400: '#c0454f',
|
||
500: '#8c1f2b',
|
||
},
|
||
// 主色 —— ★ 传承升级：亮橙 → 鎏金（方案强调色 #C9A227）。沿用 iris 令牌名，全站零改结构、一处变全站。
|
||
// 深底上以偏亮档承载文字/图标（300/400），实心/按钮走 500/600。
|
||
iris: {
|
||
300: '#e6c765',
|
||
400: '#d9b13f',
|
||
500: '#c9a227',
|
||
600: '#a9861c',
|
||
},
|
||
// 副色 —— 清透水青（冷色对比，用于渐变/点缀）
|
||
teal: {
|
||
300: '#6fe3d6',
|
||
400: '#35d4c4',
|
||
500: '#1fbdb0',
|
||
},
|
||
// 暖色 —— 金（高光/巅峰，克制使用）
|
||
sun: {
|
||
300: '#ffd98a',
|
||
400: '#ffc24d',
|
||
500: '#f5a623',
|
||
},
|
||
},
|
||
fontFamily: {
|
||
sans: ['system-ui', '-apple-system', '"Segoe UI"', '"PingFang SC"', '"Microsoft YaHei"', 'Roboto', 'sans-serif'],
|
||
// 展示衬线（大师面/标题）：自托管思源宋体 Light + 拉丁 Fraunces
|
||
serif: ['"Noto Serif SC"', '"Source Han Serif SC"', '"Songti SC"', 'serif'],
|
||
display: ['"Fraunces"', '"Noto Serif SC"', 'Georgia', 'serif'],
|
||
},
|
||
// 语义化字号刻度（1.25 小三度）。每档自带行高——中文比拉丁需要更松的行距，
|
||
// 所以正文档(sm/base)行高给到 1.6–1.7；标题收紧到 1.2–1.4。
|
||
// 迁移约定：原来散落的 text-[10px]/[11px] 微字统一并到 text-xs(12px)。
|
||
fontSize: {
|
||
xs: ['0.75rem', { lineHeight: '1.5' }], // 12px —— 最小辅助字（状态/计数/时间戳）
|
||
sm: ['0.875rem', { lineHeight: '1.6' }], // 14px —— 次要正文 / 密集区
|
||
base: ['0.9375rem',{ lineHeight: '1.7' }], // 15px —— 正文段落（中文更稳）
|
||
lg: ['1.125rem', { lineHeight: '1.5' }], // 18px —— 卡片小标题 h3
|
||
xl: ['1.375rem', { lineHeight: '1.4' }], // 22px —— 区块标题 h2
|
||
'2xl':['1.75rem', { lineHeight: '1.3' }], // 28px —— 页标题 h1
|
||
'3xl':['2.25rem', { lineHeight: '1.2' }], // 36px —— 次 hero
|
||
},
|
||
boxShadow: {
|
||
glass: '0 24px 60px -28px rgba(0,0,0,0.7)',
|
||
},
|
||
},
|
||
},
|
||
plugins: [],
|
||
};
|