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 = {
primary: {
600: '#005EB8',
700: '#003B73',
500: '#00A3E0',
400: '#33B8E8',
100: '#E8F4FD',
},
brand: {
600: '#C41E3A',
700: '#A01830',
500: '#D4244A',
400: '#E04A68',
500: '#E04A68',
400: '#F08C9F',
100: '#FEF2F4',
},
tech: {
blue: {
600: '#00D9FF',
700: '#00B8D9',
500: '#33E1FF',
},
purple: {
600: '#A855F7',
700: '#9333EA',
500: '#C084FC',
},
cyan: {
600: '#06B6D4',
},
},
neutral: {
900: '#0A0A0A',
800: '#141414',
700: '#1A1A1A',
600: '#242424',
500: '#333333',
400: '#404040',
300: '#737373',
200: '#A3A3A3',
100: '#D4D4D4',
50: '#FAFAFA',
0: '#FFFFFF',
900: '#1A1A2E',
800: '#2D3748',
700: '#4A5568',
600: '#718096',
500: '#A0AEC0',
400: '#CBD5E0',
300: '#E2E8F0',
200: '#EDF2F7',
100: '#F5F7FA',
50: '#FFFFFF',
},
success: {
600: '#16A34A',
@@ -53,31 +44,32 @@ export const brandColors = {
} as const;
export const colorValues = {
primary: '#C41E3A',
primaryHover: '#A01830',
primaryLight: '#D4244A',
primaryBg: '#FEF2F4',
primary: '#005EB8',
primaryHover: '#003B73',
primaryLight: '#00A3E0',
primaryLighter: '#E8F4FD',
techBlue: '#00D9FF',
techBlueHover: '#00B8D9',
techBlueLight: '#33E1FF',
techPurple: '#A855F7',
techPurpleHover: '#9333EA',
techPurpleLight: '#C084FC',
techCyan: '#06B6D4',
brand: '#C41E3A',
brandHover: '#A01830',
brandLight: '#E04A68',
brandBg: '#FEF2F4',
textPrimary: '#FAFAFA',
textSecondary: '#D4D4D4',
textTertiary: '#A3A3A3',
textMuted: '#737373',
textPrimary: '#1A1A2E',
textSecondary: '#4A5568',
textTertiary: '#718096',
textMuted: '#A0AEC0',
bgPrimary: '#0A0A0A',
bgSecondary: '#141414',
bgTertiary: '#1A1A1A',
bgHover: '#242424',
bgPrimary: '#FFFFFF',
bgSecondary: '#F5F7FA',
bgTertiary: '#EEF2F7',
bgHover: '#E8ECF2',
border: '#262626',
borderHover: '#333333',
border: '#E2E8F0',
borderSecondary: '#CBD5E0',
borderAccent: '#005EB8',
link: '#005EB8',
linkHover: '#003B73',
success: '#16A34A',
successBg: '#F0FDF4',
@@ -90,10 +82,12 @@ export const colorValues = {
} 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%)',
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;