Skip to content

Commit 927cb97

Browse files
SpectualSpectual
committed
Change the theme color
1 parent 353433e commit 927cb97

5 files changed

Lines changed: 17 additions & 18 deletions

File tree

‎src/components/ChatSection.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const ChatSection = () => {
1717
const [messages, setMessages] = useState<Message[]>([
1818
{
1919
id: "1",
20-
text: "Hi! I'm representing Spectual. Ask me anything about my background, skills, projects, or experience!",
20+
text: "Hi! I'm representing Yifei. Ask me anything about my background, skills, projects, or experience!",
2121
isUser: false,
2222
timestamp: new Date(),
2323
},

‎src/components/ProfileSection.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,22 +9,21 @@ const ProfileSection = () => {
99
<div className="flex flex-col lg:flex-row items-center lg:items-start gap-8">
1010
{/* Avatar */}
1111
<div className="relative flex-shrink-0">
12-
<div className="w-32 h-32 lg:w-40 lg:h-40 rounded-full bg-gradient-to-r from-cyan-400 via-purple-500 to-pink-500 p-1 shadow-2xl">
12+
<div className="w-32 h-32 lg:w-40 lg:h-40 rounded-full bg-gradient-to-r from-cyan-400 via-emerald-500 to-blue-500 p-1 shadow-2xl">
1313
<img
1414
src={personalInfo.avatar}
1515
alt={personalInfo.name}
1616
className="w-full h-full rounded-full object-cover bg-gray-200"
1717
/>
1818
</div>
19-
<div className="absolute inset-0 rounded-full bg-gradient-to-r from-cyan-400/30 via-purple-500/30 to-pink-500/30 animate-pulse"></div>
2019
</div>
2120

2221
{/* Info */}
2322
<div className="flex-1 text-center lg:text-left">
2423
<h1 className="text-4xl lg:text-5xl font-bold bg-gradient-to-r from-white to-cyan-400 bg-clip-text text-transparent mb-3">
2524
{personalInfo.name}
2625
</h1>
27-
<p className="text-xl lg:text-2xl text-purple-300 mb-4 font-medium">
26+
<p className="text-xl lg:text-2xl text-emerald-300 mb-4 font-medium">
2827
{personalInfo.title}
2928
</p>
3029

‎src/pages/Index.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ const Index = () => {
66
const location = useLocation();
77

88
return (
9-
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900">
9+
<div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950">
1010
{/* Animated background elements */}
1111
<div className="fixed inset-0 overflow-hidden pointer-events-none">
12-
<div className="absolute -top-40 -right-40 w-80 h-80 bg-purple-500 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-pulse"></div>
13-
<div className="absolute -bottom-40 -left-40 w-80 h-80 bg-cyan-500 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-pulse animation-delay-2000"></div>
14-
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-60 h-60 bg-teal-500 rounded-full mix-blend-multiply filter blur-xl opacity-10 animate-pulse animation-delay-4000"></div>
12+
<div className="absolute -top-40 -right-40 w-80 h-80 bg-emerald-600 rounded-full mix-blend-multiply filter blur-xl opacity-10 animate-pulse" style={{ animationDuration: '8s' }}></div>
13+
<div className="absolute -bottom-40 -left-40 w-80 h-80 bg-blue-600 rounded-full mix-blend-multiply filter blur-xl opacity-10 animate-pulse animation-delay-2000" style={{ animationDuration: '7s' }}></div>
14+
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-60 h-60 bg-cyan-600 rounded-full mix-blend-multiply filter blur-xl opacity-5 animate-pulse animation-delay-4000" style={{ animationDuration: '10s' }}></div>
1515
</div>
1616

1717
<div className="relative z-10">

‎src/pages/Projects.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,12 @@ const Projects = () => {
88
const location = useLocation();
99

1010
return (
11-
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900">
11+
<div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950">
1212
{/* Animated background elements */}
1313
<div className="fixed inset-0 overflow-hidden pointer-events-none">
14-
<div className="absolute -top-40 -right-40 w-80 h-80 bg-purple-500 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-pulse"></div>
15-
<div className="absolute -bottom-40 -left-40 w-80 h-80 bg-cyan-500 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-pulse animation-delay-2000"></div>
16-
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-60 h-60 bg-teal-500 rounded-full mix-blend-multiply filter blur-xl opacity-10 animate-pulse animation-delay-4000"></div>
14+
<div className="absolute -top-40 -right-40 w-80 h-80 bg-emerald-600 rounded-full mix-blend-multiply filter blur-xl opacity-10 animate-pulse" style={{ animationDuration: '10s' }}></div>
15+
<div className="absolute -bottom-40 -left-40 w-80 h-80 bg-blue-600 rounded-full mix-blend-multiply filter blur-xl opacity-10 animate-pulse animation-delay-2000" style={{ animationDuration: '5s' }}></div>
16+
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-60 h-60 bg-cyan-600 rounded-full mix-blend-multiply filter blur-xl opacity-5 animate-pulse animation-delay-4000" style={{ animationDuration: '8s' }}></div>
1717
</div>
1818

1919
<div className="relative z-10">
@@ -127,8 +127,8 @@ const Projects = () => {
127127
</div>
128128

129129
{/* Additional Info */}
130-
<div className="mt-8 p-6 bg-purple-900/20 rounded-xl border border-purple-500/30">
131-
<h3 className="text-lg font-semibold text-purple-300 mb-3 flex items-center gap-2">
130+
<div className="mt-8 p-6 bg-emerald-900/20 rounded-xl border border-emerald-500/30">
131+
<h3 className="text-lg font-semibold text-emerald-300 mb-3 flex items-center gap-2">
132132
<Globe className="w-5 h-5" />
133133
More Projects
134134
</h3>

‎src/pages/Resume.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,12 @@ const Resume = () => {
1313
};
1414

1515
return (
16-
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900">
16+
<div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950">
1717
{/* Animated background elements */}
1818
<div className="fixed inset-0 overflow-hidden pointer-events-none">
19-
<div className="absolute -top-40 -right-40 w-80 h-80 bg-purple-500 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-pulse"></div>
20-
<div className="absolute -bottom-40 -left-40 w-80 h-80 bg-cyan-500 rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-pulse animation-delay-2000"></div>
21-
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-60 h-60 bg-teal-500 rounded-full mix-blend-multiply filter blur-xl opacity-10 animate-pulse animation-delay-4000"></div>
19+
<div className="absolute -top-40 -right-40 w-80 h-80 bg-emerald-600 rounded-full mix-blend-multiply filter blur-xl opacity-10 animate-pulse" style={{ animationDuration: '8s' }}></div>
20+
<div className="absolute -bottom-40 -left-40 w-80 h-80 bg-blue-600 rounded-full mix-blend-multiply filter blur-xl opacity-10 animate-pulse animation-delay-2000" style={{ animationDuration: '6s' }}></div>
21+
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-60 h-60 bg-cyan-600 rounded-full mix-blend-multiply filter blur-xl opacity-5 animate-pulse animation-delay-4000" style={{ animationDuration: '7s' }}></div>
2222
</div>
2323

2424
<div className="relative z-10">

0 commit comments

Comments
 (0)