From 83bed14292d4ee3bd632eaa03bcedb0fc7be03bf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= Date: Mon, 23 Feb 2026 00:06:15 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20colors.ts=20?= =?UTF-8?q?=E9=85=8D=E8=89=B2=E5=AE=9A=E4=B9=89=E4=B8=BA=E5=8C=BB=E7=96=97?= =?UTF-8?q?=E5=81=A5=E5=BA=B7=E9=A3=8E=E6=A0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/colors.ts | 100 ++++++++++++++++++++++------------------------ 1 file changed, 47 insertions(+), 53 deletions(-) diff --git a/src/lib/colors.ts b/src/lib/colors.ts index 543d763..d9c8f20 100644 --- a/src/lib/colors.ts +++ b/src/lib/colors.ts @@ -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;