张翔
96 lines
2.0 KiB
TypeScript
96 lines
2.0 KiB
TypeScript
export const brandColors = {
|
|
primary: {
|
|
600: '#005EB8',
|
|
700: '#003B73',
|
|
500: '#00A3E0',
|
|
400: '#33B8E8',
|
|
100: '#E8F4FD',
|
|
},
|
|
brand: {
|
|
600: '#C41E3A',
|
|
700: '#A01830',
|
|
500: '#E04A68',
|
|
400: '#F08C9F',
|
|
100: '#FEF2F4',
|
|
},
|
|
neutral: {
|
|
900: '#1A1A2E',
|
|
800: '#2D3748',
|
|
700: '#4A5568',
|
|
600: '#718096',
|
|
500: '#A0AEC0',
|
|
400: '#CBD5E0',
|
|
300: '#E2E8F0',
|
|
200: '#EDF2F7',
|
|
100: '#F5F7FA',
|
|
50: '#FFFFFF',
|
|
},
|
|
success: {
|
|
600: '#16A34A',
|
|
100: '#F0FDF4',
|
|
},
|
|
warning: {
|
|
600: '#D97706',
|
|
100: '#FFFBEB',
|
|
},
|
|
info: {
|
|
600: '#0284C7',
|
|
100: '#F0F9FF',
|
|
},
|
|
error: {
|
|
600: '#DC2626',
|
|
100: '#FEF2F2',
|
|
},
|
|
} as const;
|
|
|
|
export const colorValues = {
|
|
primary: '#005EB8',
|
|
primaryHover: '#003B73',
|
|
primaryLight: '#00A3E0',
|
|
primaryLighter: '#E8F4FD',
|
|
|
|
brand: '#C41E3A',
|
|
brandHover: '#A01830',
|
|
brandLight: '#E04A68',
|
|
brandBg: '#FEF2F4',
|
|
|
|
textPrimary: '#1A1A2E',
|
|
textSecondary: '#4A5568',
|
|
textTertiary: '#718096',
|
|
textMuted: '#A0AEC0',
|
|
|
|
bgPrimary: '#FFFFFF',
|
|
bgSecondary: '#F5F7FA',
|
|
bgTertiary: '#EEF2F7',
|
|
bgHover: '#E8ECF2',
|
|
|
|
border: '#E2E8F0',
|
|
borderSecondary: '#CBD5E0',
|
|
borderAccent: '#005EB8',
|
|
|
|
link: '#005EB8',
|
|
linkHover: '#003B73',
|
|
|
|
success: '#16A34A',
|
|
successBg: '#F0FDF4',
|
|
warning: '#D97706',
|
|
warningBg: '#FFFBEB',
|
|
info: '#0284C7',
|
|
infoBg: '#F0F9FF',
|
|
error: '#DC2626',
|
|
errorBg: '#FEF2F2',
|
|
} as const;
|
|
|
|
export const gradients = {
|
|
primary: 'linear-gradient(135deg, #005EB8 0%, #00A3E0 100%)',
|
|
hero: 'linear-gradient(180deg, #F5F7FA 0%, #FFFFFF 100%)',
|
|
brand: 'linear-gradient(135deg, #C41E3A 0%, #E04A68 100%)',
|
|
subtle: 'linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 100%)',
|
|
card: 'linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 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;
|