feat: 更新色彩系统定义并修复组件类型

- 添加科技蓝、紫色、青色色彩系列
- 更新中性色系列
- 添加渐变色定义
- 创建 GlassCard 组件支持 variant 属性
- 更新 Input 组件支持 label 和 error 属性
- 更新 Textarea 组件支持 label 和 error 属性
- 安装 @radix-ui/react-dialog 依赖
This commit is contained in:
张翔
2026-02-22 15:03:10 +08:00
parent 59cef4fd5f
commit f88020ee5e
6 changed files with 210 additions and 46 deletions
+50 -18
View File
@@ -6,16 +6,31 @@ export const brandColors = {
400: '#E04A68',
100: '#FEF2F4',
},
tech: {
blue: {
600: '#00D9FF',
700: '#00B8D9',
500: '#33E1FF',
},
purple: {
600: '#A855F7',
700: '#9333EA',
500: '#C084FC',
},
cyan: {
600: '#06B6D4',
},
},
neutral: {
900: '#171717',
800: '#262626',
700: '#404040',
600: '#525252',
500: '#737373',
400: '#A3A3A3',
300: '#D4D4D4',
200: '#E5E5E5',
100: '#F5F5F5',
900: '#0A0A0A',
800: '#141414',
700: '#1A1A1A',
600: '#242424',
500: '#333333',
400: '#404040',
300: '#737373',
200: '#A3A3A3',
100: '#D4D4D4',
50: '#FAFAFA',
0: '#FFFFFF',
},
@@ -43,17 +58,26 @@ export const colorValues = {
primaryLight: '#D4244A',
primaryBg: '#FEF2F4',
textPrimary: '#171717',
textSecondary: '#525252',
textTertiary: '#737373',
textMuted: '#A3A3A3',
techBlue: '#00D9FF',
techBlueHover: '#00B8D9',
techBlueLight: '#33E1FF',
techPurple: '#A855F7',
techPurpleHover: '#9333EA',
techPurpleLight: '#C084FC',
techCyan: '#06B6D4',
bgPrimary: '#FFFFFF',
bgSecondary: '#FAFAFA',
bgTertiary: '#F5F5F5',
textPrimary: '#FAFAFA',
textSecondary: '#D4D4D4',
textTertiary: '#A3A3A3',
textMuted: '#737373',
border: '#E5E5E5',
borderHover: '#D4D4D4',
bgPrimary: '#0A0A0A',
bgSecondary: '#141414',
bgTertiary: '#1A1A1A',
bgHover: '#242424',
border: '#262626',
borderHover: '#333333',
success: '#16A34A',
successBg: '#F0FDF4',
@@ -65,5 +89,13 @@ export const colorValues = {
errorBg: '#FEF2F2',
} as const;
export const gradients = {
primary: 'linear-gradient(135deg, #00D9FF 0%, #A855F7 100%)',
reverse: 'linear-gradient(135deg, #A855F7 0%, #00D9FF 100%)',
glow: 'radial-gradient(circle, rgba(0, 217, 255, 0.15) 0%, transparent 70%)',
glowPurple: 'radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, transparent 70%)',
} as const;
export type BrandColor = typeof brandColors;
export type ColorValue = typeof colorValues;
export type Gradient = typeof gradients;