refactor: 更新 colors.ts 配色定义为医疗健康风格

This commit is contained in:
张翔
2026-02-23 00:06:15 +08:00
parent 9526d12f1e
commit 83bed14292
+47 -53
View File
@@ -1,38 +1,29 @@
export const brandColors = { export const brandColors = {
primary: { primary: {
600: '#005EB8',
700: '#003B73',
500: '#00A3E0',
400: '#33B8E8',
100: '#E8F4FD',
},
brand: {
600: '#C41E3A', 600: '#C41E3A',
700: '#A01830', 700: '#A01830',
500: '#D4244A', 500: '#E04A68',
400: '#E04A68', 400: '#F08C9F',
100: '#FEF2F4', 100: '#FEF2F4',
}, },
tech: {
blue: {
600: '#00D9FF',
700: '#00B8D9',
500: '#33E1FF',
},
purple: {
600: '#A855F7',
700: '#9333EA',
500: '#C084FC',
},
cyan: {
600: '#06B6D4',
},
},
neutral: { neutral: {
900: '#0A0A0A', 900: '#1A1A2E',
800: '#141414', 800: '#2D3748',
700: '#1A1A1A', 700: '#4A5568',
600: '#242424', 600: '#718096',
500: '#333333', 500: '#A0AEC0',
400: '#404040', 400: '#CBD5E0',
300: '#737373', 300: '#E2E8F0',
200: '#A3A3A3', 200: '#EDF2F7',
100: '#D4D4D4', 100: '#F5F7FA',
50: '#FAFAFA', 50: '#FFFFFF',
0: '#FFFFFF',
}, },
success: { success: {
600: '#16A34A', 600: '#16A34A',
@@ -53,31 +44,32 @@ export const brandColors = {
} as const; } as const;
export const colorValues = { export const colorValues = {
primary: '#C41E3A', primary: '#005EB8',
primaryHover: '#A01830', primaryHover: '#003B73',
primaryLight: '#D4244A', primaryLight: '#00A3E0',
primaryBg: '#FEF2F4', primaryLighter: '#E8F4FD',
techBlue: '#00D9FF', brand: '#C41E3A',
techBlueHover: '#00B8D9', brandHover: '#A01830',
techBlueLight: '#33E1FF', brandLight: '#E04A68',
techPurple: '#A855F7', brandBg: '#FEF2F4',
techPurpleHover: '#9333EA',
techPurpleLight: '#C084FC',
techCyan: '#06B6D4',
textPrimary: '#FAFAFA', textPrimary: '#1A1A2E',
textSecondary: '#D4D4D4', textSecondary: '#4A5568',
textTertiary: '#A3A3A3', textTertiary: '#718096',
textMuted: '#737373', textMuted: '#A0AEC0',
bgPrimary: '#0A0A0A', bgPrimary: '#FFFFFF',
bgSecondary: '#141414', bgSecondary: '#F5F7FA',
bgTertiary: '#1A1A1A', bgTertiary: '#EEF2F7',
bgHover: '#242424', bgHover: '#E8ECF2',
border: '#262626', border: '#E2E8F0',
borderHover: '#333333', borderSecondary: '#CBD5E0',
borderAccent: '#005EB8',
link: '#005EB8',
linkHover: '#003B73',
success: '#16A34A', success: '#16A34A',
successBg: '#F0FDF4', successBg: '#F0FDF4',
@@ -90,10 +82,12 @@ export const colorValues = {
} as const; } as const;
export const gradients = { export const gradients = {
primary: 'linear-gradient(135deg, #00D9FF 0%, #A855F7 100%)', primary: 'linear-gradient(135deg, #005EB8 0%, #00A3E0 100%)',
reverse: 'linear-gradient(135deg, #A855F7 0%, #00D9FF 100%)', hero: 'linear-gradient(180deg, #F5F7FA 0%, #FFFFFF 100%)',
glow: 'radial-gradient(circle, rgba(0, 217, 255, 0.15) 0%, transparent 70%)', brand: 'linear-gradient(135deg, #C41E3A 0%, #E04A68 100%)',
glowPurple: 'radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, transparent 70%)', 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; } as const;
export type BrandColor = typeof brandColors; export type BrandColor = typeof brandColors;