/* ============================================================================ * ep-A.css · Element Plus 2.x 主题覆写 —— A 钢青台账（定稿） * 配套：07-design-spec-A.md §5 ｜ Token 来源：tokens.css * * ⚠ IMPORT 顺序（强制）：tokens.css 必须在 ep-A.css 之前加载。 * 本文件所有变量值均为 var(--A-token) 引用；若 tokens.css 未先加载， * var() 无回退值，EP 组件将退化为无样式。 * 例： 在前 * 在后 * 或在入口按同样顺序 import './tokens.css'; import './ep-A.css'; * * 根元素需带 data-palette="A"（三端可另带 data-role="admin|sales|me"）； * 本文件只覆写 :root 下的 --el-* 变量，不写布局列宽 / gutter / 区块顺序数值 * （那些归 ux-design 的 STRUCT.*，见 02-ux-architecture.md / 03-block-manifest.md）。 * * 值约束：本文件不硬编码任何 HEX / rgba。非 token 字面量仅限 * none（阴影清零）、50%（圆形几何常量）、solid（边框样式关键字）。 * * 刻意不映射的 EP 变量（见 07 §5.3）：--el-mask-color* / --el-overlay-color* * （遮罩色）、--el-transition-duration*（动效时长）、组件级私有阴影与尺寸变量。 * A 的遮罩值在组件层按 07 §3.10 给出；这些变量不在此处硬编码。 * ========================================================================== */ :root { /* ------------------------------------------------------------------------ * 1. 基础色与主色阶（07 §5.1） * ---------------------------------------------------------------------- */ --el-color-white: var(--surface-1); --el-color-black: var(--text-1); /* primary：A 主色阶 6 值按亮度语义就近映射到 EP 的 7 阶 */ --el-color-primary: var(--brand); --el-color-primary-light-3: var(--brand-muted); --el-color-primary-light-5: var(--brand-soft); --el-color-primary-light-7: var(--brand-soft); --el-color-primary-light-8: var(--brand-softer); --el-color-primary-light-9: var(--brand-softer); --el-color-primary-dark-2: var(--brand-hover); /* success / warning / danger / info：实色 + 浅底序列 注：A 无「更深语义阶」，故 -dark-2 保持实色 var(--X) 本身，不引入新色值。 */ --el-color-success: var(--success); --el-color-success-light-3: var(--success-soft); --el-color-success-light-5: var(--success-soft); --el-color-success-light-7: var(--success-soft); --el-color-success-light-8: var(--success-soft); --el-color-success-light-9: var(--success-soft); --el-color-success-dark-2: var(--success); --el-color-warning: var(--warning); --el-color-warning-light-3: var(--warning-soft); --el-color-warning-light-5: var(--warning-soft); --el-color-warning-light-7: var(--warning-soft); --el-color-warning-light-8: var(--warning-soft); --el-color-warning-light-9: var(--warning-soft); --el-color-warning-dark-2: var(--warning); --el-color-danger: var(--danger); --el-color-danger-light-3: var(--danger-soft); --el-color-danger-light-5: var(--danger-soft); --el-color-danger-light-7: var(--danger-soft); --el-color-danger-light-8: var(--danger-soft); --el-color-danger-light-9: var(--danger-soft); --el-color-danger-dark-2: var(--danger); --el-color-info: var(--info); --el-color-info-light-3: var(--info-soft); --el-color-info-light-5: var(--info-soft); --el-color-info-light-7: var(--info-soft); --el-color-info-light-8: var(--info-soft); --el-color-info-light-9: var(--info-soft); --el-color-info-dark-2: var(--info); /* ------------------------------------------------------------------------ * 2. 文字层级（07 §5.1） * ---------------------------------------------------------------------- */ --el-text-color-primary: var(--text-1); --el-text-color-regular: var(--text-2); --el-text-color-secondary: var(--text-3); --el-text-color-placeholder: var(--text-3); --el-text-color-disabled: var(--text-disabled); /* ------------------------------------------------------------------------ * 3. 边框层级（07 §5.1；-dark / -darker 为补充对齐） * ---------------------------------------------------------------------- */ --el-border-color: var(--border); --el-border-color-light: var(--border-strong); --el-border-color-lighter: var(--surface-2); --el-border-color-extra-light: var(--surface-3); --el-border-color-dark: var(--border-strong); --el-border-color-darker: var(--text-3); /* ------------------------------------------------------------------------ * 4. 填充与背景（07 §5.1；-blank 已列，其余为补充对齐） * ---------------------------------------------------------------------- */ --el-fill-color-blank: var(--surface-1); --el-fill-color-light: var(--surface-3); --el-fill-color-lighter: var(--surface-2); --el-fill-color-extra-light: var(--surface-3); --el-fill-color: var(--surface-3); --el-fill-color-dark: var(--border-strong); --el-fill-color-darker: var(--border); --el-bg-color: var(--surface-2); --el-bg-color-page: var(--bg-app); --el-bg-color-overlay: var(--bg-app); /* ------------------------------------------------------------------------ * 5. 禁用态（补充对齐，取自 07 §3.1 / §3.2 的 A 值） * ---------------------------------------------------------------------- */ --el-disabled-bg-color: var(--bg-app); --el-disabled-text-color: var(--text-disabled); --el-disabled-border-color: var(--border); /* ------------------------------------------------------------------------ * 6. 圆角档位（A 专属，07 §5.2） * base 4px / small 2px / round 6px，均不得超过 --r-max 8px * ---------------------------------------------------------------------- */ --el-border-radius-base: var(--r-md); --el-border-radius-small: var(--r-sm); --el-border-radius-round: var(--r-lg); --el-border-radius-circle: 50%; /* ------------------------------------------------------------------------ * 7. box-shadow 清零（A 专属，07 §5.2） * 说明：01-visual-spec.md §4.5 原映射为 shadow-2 / shadow-1 / shadow-0； * A 定稿按气质锚点 2「内容层零阴影」+ 硬禁用项 1「禁止用阴影承担层级或分隔」 * 覆盖为 none。浮层例外（下拉 / Popover / 弹窗）由组件层直接引用 * --shadow-1 / --shadow-2，不经 EP 全局 --el-box-shadow*，以免阴影渗到卡片。 * 这是对原映射的定稿覆盖，不新增任何色值。 * ---------------------------------------------------------------------- */ --el-box-shadow: none; --el-box-shadow-light: none; --el-box-shadow-lighter: none; --el-box-shadow-dark: none; /* ------------------------------------------------------------------------ * 8. 字体（07 §5.1；extra-large / medium / extra-small 为补充对齐） * ---------------------------------------------------------------------- */ --el-font-family: var(--font-sans), var(--font-cn); --el-font-weight-primary: var(--fw-h1); --el-font-size-extra-large: var(--fs-h2); --el-font-size-large: var(--fs-h3); --el-font-size-medium: var(--fs-h3); --el-font-size-base: var(--fs-body); --el-font-size-small: var(--fs-caption); --el-font-size-extra-small: var(--fs-micro); /* ------------------------------------------------------------------------ * 9. 边框基础与层级（补充对齐，全部引用 tokens.css 既有 Key） * ---------------------------------------------------------------------- */ --el-border-width: var(--bw); --el-border-style: solid; --el-index-normal: var(--z-base); --el-index-top: var(--z-modal); --el-index-popper: var(--z-popover); } /* --------------------------------------------------------------------------- * 组件层提示（不在本文件实现，见 07 §5.2 / §3）： * - el-card / el-dialog / el-popover / el-dropdown-menu / el-table / * .el-input__wrapper 等若由 EP 内部硬编码阴影或浅蓝 hover 底驱动， * 需在组件层补 `border: 1px solid var(--border)` 并把 hover 底改为 * var(--surface-3)、主按钮 hover 改为 var(--brand-hover)。 * - 浮层阴影：仅下拉 / Popover / 弹窗可用 var(--shadow-1) / var(--shadow-2)， * 内容层（卡片 / 表格 / 列表 / KPI / 面板）保持 box-shadow: none。 * - 所有 hover / focus / disabled / error 态精确值见 07 §3 各组件表。 * ========================================================================== */