/* ============================================================ * LiteEDC 设计令牌 * 来源：docs/04-UI设计规范.md 第 2 章 * 改色只改这里，不要在业务样式里写死颜色。 * ============================================================ */ :root { /* ---------- 品牌主色（对比度 5.54:1，满足 WCAG AA） ---------- */ --edc-primary-1: #EEF4FC; --edc-primary-2: #D3E3F7; --edc-primary-3: #9CC1EA; --edc-primary-4: #4A8FD8; --edc-primary-5: #1A66C9; --edc-primary-6: #1454A8; --edc-primary-7: #0E4287; /* ---------- 中性色 ---------- */ --edc-text-1: #1A1F29; --edc-text-2: #39404D; --edc-text-3: #5A6272; --edc-text-4: #858C99; --edc-text-inverse: #FFFFFF; --edc-border-1: #DCE0E6; --edc-border-2: #C4CAD3; --edc-border-3: #EBEEF2; --edc-fill-1: #FFFFFF; --edc-fill-2: #F6F8FA; --edc-fill-3: #EDF0F4; --edc-fill-4: #E1E5EB; /* ---------- 功能色 ---------- */ --edc-success: #16A34A; --edc-success-text: #15803D; --edc-success-bg: #ECFDF3; --edc-success-border: #A6E9C1; --edc-warning: #D97706; --edc-warning-text: #B45309; --edc-warning-bg: #FFF8EB; --edc-warning-border: #F5CE8A; --edc-danger: #DC2626; --edc-danger-text: #C41F1F; --edc-danger-bg: #FEF2F2; --edc-danger-border: #F5AFAF; --edc-info: #5A6272; --edc-info-text: #5A6272; --edc-info-bg: #F3F5F8; --edc-info-border: #D3D8E0; /* ---------- 数据状态色（第 2.4 节，多通道编码） ---------- */ --st-empty: #858C99; --st-required: #DC2626; --st-draft: #D97706; --st-done: #16A34A; --st-invalid: #DC2626; --st-query-open: #E8590C; --st-query-answered: #7C3AED; --st-query-closed: #858C99; --st-sdv: #0891B2; --st-signed: #1A66C9; --st-frozen: #64748B; --st-locked: #334155; /* ---------- 字号阶梯 ---------- */ --fs-caption: 12px; --fs-sm: 13px; --fs-body: 14px; --fs-body-lg: 15px; --fs-h4: 16px; --fs-h3: 18px; --fs-h2: 20px; --fs-h1: 24px; /* ---------- 间距（4px 基准） ---------- */ --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; /* ---------- 圆角 ---------- */ --r-sm: 3px; --r-md: 5px; --r-lg: 8px; --r-xl: 12px; /* ---------- 阴影 ---------- */ --sd-1: 0 1px 2px rgba(26, 31, 41, .06); --sd-2: 0 2px 8px rgba(26, 31, 41, .08); --sd-3: 0 6px 20px rgba(26, 31, 41, .12); /* ---------- 布局 ---------- */ --layout-header-h: 56px; --layout-aside-w: 216px; --layout-aside-w-collapsed: 60px; /* ---------- 字体族 ---------- */ --ff-base: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; --ff-num: "SF Mono", "JetBrains Mono", Consolas, "Courier New", monospace; /* ---------- 覆写 Element Plus ---------- */ --el-color-primary: #1A66C9; --el-color-primary-light-3: #4A8FD8; --el-color-primary-light-5: #7DAEE3; --el-color-primary-light-7: #B0CDEE; --el-color-primary-light-8: #C9DCF3; --el-color-primary-light-9: #EEF4FC; --el-color-primary-dark-2: #1454A8; --el-color-success: #16A34A; --el-color-warning: #D97706; --el-color-danger: #DC2626; --el-color-error: #DC2626; --el-color-info: #5A6272; --el-text-color-primary: #1A1F29; --el-text-color-regular: #39404D; --el-text-color-secondary: #5A6272; --el-text-color-placeholder: #858C99; --el-border-color: #DCE0E6; --el-border-radius-base: 5px; --el-font-size-base: 14px; } /* ============================================================ * 适老化模式（PI 常用）：整体放大一档，不改布局结构 * 由「显示设置」写入 * ============================================================ */ html[data-fontscale="large"] { --fs-caption: 13px; --fs-sm: 14px; --fs-body: 16px; --fs-body-lg: 17px; --fs-h4: 18px; --fs-h3: 20px; --fs-h2: 22px; --fs-h1: 26px; --el-font-size-base: 16px; } html[data-fontscale="large"] .el-table { font-size: 15px; } html[data-fontscale="large"] .el-input__inner, html[data-fontscale="large"] .el-button { font-size: 16px; }