feat: 更新色彩系统定义并修复组件类型
- 添加科技蓝、紫色、青色色彩系列 - 更新中性色系列 - 添加渐变色定义 - 创建 GlassCard 组件支持 variant 属性 - 更新 Input 组件支持 label 和 error 属性 - 更新 Textarea 组件支持 label 和 error 属性 - 安装 @radix-ui/react-dialog 依赖
This commit is contained in:
+50
-18
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user