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