/** * Design System - Primitive Colors * * 原始色板定义,包含所有基础颜色值 * 这些值直接映射到设计规范中的颜色 */ export const primitives = { // 基础色 base: { 1: '#ffffff', 10: '#222222', 12: '#000000', }, // 品牌色系(灰度) brand: { 1: '#fcfcfd', 2: '#f9fafb', 3: '#f3f4f6', 4: '#e5e7eb', 5: '#d1d5db', 6: '#9ca1af', 7: '#6b7280', 8: '#4b5563', 9: '#374151', 10: '#1f2937', 11: '#111827', 12: '#030712', }, // 绿色系(成功/强调) green: { 1: '#e1f8ec', 9: '#10b981', 10: '#00ad76', 11: '#008352', }, // 蓝色系(链接/强调) blue: { 1: '#ebf2ff', 9: '#1447e6', 10: '#0d3cc7', 11: '#0831a8', }, // 红色系(警告/错误) red: { 9: '#ef4444', 10: '#dc2626', 11: '#b91c1c', }, // 黄色系(警告) yellow: { 9: '#f59e0b', 10: '#d97706', 11: '#b45309', }, // Dark Mode 专用色 dark: { zinc: { 50: '#fafafa', 400: '#a1a1aa', 500: '#71717a', 800: '#27272a', 900: '#18181b', 950: '#0a0a0a', }, }, } as const; export type PrimitiveColors = typeof primitives;