tokens.css 1.03 KB
/*
 * frontend/src/styles/tokens.css — Design Tokens
 * SSoT: docs/06-UI交互规范.md § 二
 *
 * 命名规则见 docs/04-技术规范.md § 2.5
 * 约束:
 *   - 组件样式中只用 var(--color-xxx),禁止硬编码 hex / rgba
 *   - 修改色值只改本文件,不允许在组件级覆盖
 *   - 新增 token 须先登记到 docs/06 § 2.1 / 2.2,再补到此处
 *   - AntD ConfigProvider.theme.token.colorPrimary 必须与 --color-primary 同源(见 App.tsx)
 */

:root {
  /* === § 2.1 全局调色板(与 docs/06 § 2.1 完全对齐) === */
  --color-primary: #1677ff;
  --color-primary-hover: #4096ff;
  --color-primary-active: #0958d9;
  --color-success: #52c41a;
  --color-warning: #faad14;
  --color-error: #ff4d4f;
  --color-info: #1677ff;

  --color-text: rgba(0, 0, 0, 0.88);
  --color-text-secondary: rgba(0, 0, 0, 0.65);
  --color-text-disabled: rgba(0, 0, 0, 0.25);

  --color-border: #d9d9d9;
  --color-split: #f0f0f0;

  --color-bg-page: #f5f5f5;
  --color-bg-container: #ffffff;
  --color-bg-disabled: #f5f5f5;
}