张翔
5ec2ad0043
refactor(card): 调整卡片背景色和边框颜色 refactor(badge): 修改徽章颜色变体 refactor(button): 更新按钮颜色样式 refactor(input): 调整输入框颜色方案 refactor(textarea): 修改文本区域颜色样式 refactor(header): 更新导航栏颜色 refactor(hero-section): 调整英雄区域颜色和渐变
101 lines
2.1 KiB
TypeScript
101 lines
2.1 KiB
TypeScript
export const brandColors = {
|
|
primary: {
|
|
900: '#0A0A0A',
|
|
800: '#1C1C1C',
|
|
700: '#2D2D2D',
|
|
600: '#3D3D3D',
|
|
500: '#5C5C5C',
|
|
400: '#8C8C8C',
|
|
300: '#B8B8B8',
|
|
200: '#D4D4D4',
|
|
100: '#E5E5E5',
|
|
50: '#F5F5F5',
|
|
},
|
|
brand: {
|
|
600: '#C41E3A',
|
|
700: '#A01830',
|
|
500: '#E04A68',
|
|
400: '#F08C9F',
|
|
100: '#FEF2F4',
|
|
},
|
|
neutral: {
|
|
900: '#1C1C1C',
|
|
800: '#3D3D3D',
|
|
700: '#5C5C5C',
|
|
600: '#8C8C8C',
|
|
500: '#B8B8B8',
|
|
400: '#D4D4D4',
|
|
300: '#E5E5E5',
|
|
200: '#F0F0F0',
|
|
100: '#FAFAFA',
|
|
50: '#FFFBF5',
|
|
},
|
|
success: {
|
|
600: '#16A34A',
|
|
100: '#F0FDF4',
|
|
},
|
|
warning: {
|
|
600: '#D97706',
|
|
100: '#FFFBEB',
|
|
},
|
|
info: {
|
|
600: '#5C5C5C',
|
|
100: '#F5F5F5',
|
|
},
|
|
error: {
|
|
600: '#C41E3A',
|
|
100: '#FEF2F4',
|
|
},
|
|
} as const;
|
|
|
|
export const colorValues = {
|
|
primary: '#1C1C1C',
|
|
primaryHover: '#0A0A0A',
|
|
primaryLight: '#3D3D3D',
|
|
primaryLighter: '#F5F5F5',
|
|
|
|
brand: '#C41E3A',
|
|
brandHover: '#A01830',
|
|
brandLight: '#E04A68',
|
|
brandBg: '#FEF2F4',
|
|
|
|
textPrimary: '#1C1C1C',
|
|
textSecondary: '#3D3D3D',
|
|
textTertiary: '#5C5C5C',
|
|
textMuted: '#8C8C8C',
|
|
|
|
bgPrimary: '#FAFAFA',
|
|
bgSecondary: '#FFFBF5',
|
|
bgTertiary: '#F5F5F5',
|
|
bgHover: '#EFEFEF',
|
|
|
|
border: '#E5E5E5',
|
|
borderSecondary: '#D4D4D4',
|
|
borderAccent: '#1C1C1C',
|
|
|
|
link: '#1C1C1C',
|
|
linkHover: '#C41E3A',
|
|
|
|
success: '#16A34A',
|
|
successBg: '#F0FDF4',
|
|
warning: '#D97706',
|
|
warningBg: '#FFFBEB',
|
|
info: '#5C5C5C',
|
|
infoBg: '#F5F5F5',
|
|
error: '#C41E3A',
|
|
errorBg: '#FEF2F4',
|
|
} as const;
|
|
|
|
export const gradients = {
|
|
primary: 'linear-gradient(135deg, #1C1C1C 0%, #3D3D3D 100%)',
|
|
hero: 'linear-gradient(180deg, #FAFAFA 0%, #FFFBF5 100%)',
|
|
brand: 'linear-gradient(135deg, #C41E3A 0%, #E04A68 100%)',
|
|
subtle: 'linear-gradient(180deg, #FAFAFA 0%, #F5F5F5 100%)',
|
|
card: 'linear-gradient(180deg, #FAFAFA 0%, #FFFBF5 100%)',
|
|
cta: 'linear-gradient(135deg, #C41E3A 0%, #A01830 100%)',
|
|
} as const;
|
|
|
|
export type BrandColor = typeof brandColors;
|
|
export type ColorValue = typeof colorValues;
|
|
export type Gradient = typeof gradients;
|