| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- /**
- * 品牌色板 — JS 侧单一事实源
- *
- * 说明：
- * - SCSS 变量编译期才解析，JS 块内无法引用 $var，因此在此处维护一份等值副本。
- * - 替换原则：仅替换 <script> 块内的纯 hex 字符串字面量（颜色字面量，如 '#F97316'）。
- * - 不替换 canvas 绘图参数、动态拼接色、数据中携带的 hex（保持原始）。
- *
- * 对应 uni.scss §12-§16 令牌：
- * $brand-primary #F97316 → BrandColors.primary
- * $brand-primary-light #FB923C → BrandColors.primaryLight
- * $uni-primary-pale #FFF7ED → BrandColors.primaryPale
- * $dim-body #FF8C42 → BrandColors.body
- * $dim-mind #FF6B9D → BrandColors.mind
- * $dim-wisdom #6366F1 → BrandColors.wisdom
- * $dim-action #10B981 → BrandColors.action
- * $dim-wealth #F59E0B → BrandColors.wealth
- * $status-success #10B981 → BrandColors.success
- * $status-danger #EF4444 → BrandColors.danger
- * $status-warning #FBBF24 → BrandColors.warning
- * $facade-text-strong #333 → BrandColors.textStrong
- * $facade-text-body #666 → BrandColors.textBody
- * $facade-text-muted #999 → BrandColors.textMuted
- * $facade-fill-ghost #FAFAFA → BrandColors.fillGhost
- * $facade-fill-gray-50 #F9FAFB → BrandColors.fillGray50
- * $app-surface #FFFFFF → BrandColors.white
- * $status-danger-strong-2 #C62828 → BrandColors.dangerDeep
- */
- export const BrandColors = {
- // 品牌橙族
- primary: '#F97316',
- primaryLight: '#FB923C',
- primaryPale: '#FFF7ED',
- primaryDark: '#EA580C',
- // 五维身份色
- body: '#FF8C42',
- mind: '#FF6B9D',
- wisdom: '#6366F1',
- action: '#10B981',
- wealth: '#F59E0B',
- // 状态色
- success: '#10B981',
- warning: '#FBBF24',
- danger: '#EF4444',
- // 中性灰阶
- white: '#FFFFFF',
- textStrong: '#333333',
- textBody: '#666666',
- textMuted: '#999999',
- fillGhost: '#FAFAFA',
- fillGray50: '#F9FAFB',
- // 状态深阶
- dangerDeep: '#C62828',
- // 通用语义别名（方便使用）
- brand: '#F97316',
- dimMind: '#FF6B9D',
- dimWisdom: '#6366F1',
- dimAction: '#10B981',
- dimBody: '#FF8C42',
- dimWealth: '#F59E0B',
- }
- // 向后兼容导出（避免 import 路径散乱）
- export default BrandColors
|
