refactor: 更新 colors.ts 配色定义为医疗健康风格
This commit is contained in:
+47
-53
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user