Skip to content

Commit 6f28f36

Browse files
committed
style: Replace purple gradient with orange color scheme
1 parent bb3dcee commit 6f28f36

1 file changed

Lines changed: 22 additions & 22 deletions

File tree

portfolio.md

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ full-width: true
3333
transform: translateX(-50%);
3434
width: 60px;
3535
height: 3px;
36-
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
36+
background: linear-gradient(90deg, #ff7b00 0%, #e65100 100%);
3737
border-radius: 2px;
3838
}
3939

@@ -51,7 +51,7 @@ full-width: true
5151
padding: 1.5rem;
5252
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
5353
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
54-
border: 1px solid rgba(102, 126, 234, 0.1);
54+
border: 1px solid rgba(255, 123, 0, 0.1);
5555
position: relative;
5656
overflow: hidden;
5757
}
@@ -63,12 +63,12 @@ full-width: true
6363
left: 0;
6464
right: 0;
6565
height: 4px;
66-
background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
66+
background: linear-gradient(90deg, #ff7b00 0%, #e65100 50%, #ffab40 100%);
6767
}
6868

6969
.project-card:hover {
7070
transform: translateY(-8px);
71-
box-shadow: 0 12px 40px rgba(102, 126, 234, 0.2);
71+
box-shadow: 0 12px 40px rgba(255, 123, 0, 0.2);
7272
}
7373

7474
.project-card h3 {
@@ -93,7 +93,7 @@ full-width: true
9393
}
9494

9595
.tag {
96-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
96+
background: linear-gradient(135deg, #ff7b00 0%, #e65100 100%);
9797
color: white;
9898
padding: 0.25rem 0.75rem;
9999
border-radius: 20px;
@@ -114,14 +114,14 @@ full-width: true
114114
display: inline-flex;
115115
align-items: center;
116116
gap: 0.5rem;
117-
color: #667eea;
117+
color: #ff7b00;
118118
text-decoration: none;
119119
font-weight: 500;
120120
transition: color 0.2s;
121121
}
122122

123123
.project-link:hover {
124-
color: #764ba2;
124+
color: #e65100;
125125
}
126126

127127
/* Open Source Contributions */
@@ -139,20 +139,20 @@ full-width: true
139139
background: #ffffff;
140140
border-radius: 12px;
141141
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
142-
border-left: 4px solid #667eea;
142+
border-left: 4px solid #ff7b00;
143143
transition: all 0.3s ease;
144144
}
145145

146146
.contribution-item:hover {
147-
box-shadow: 0 4px 20px rgba(102, 126, 234, 0.15);
148-
border-left-color: #764ba2;
147+
box-shadow: 0 4px 20px rgba(255, 123, 0, 0.15);
148+
border-left-color: #e65100;
149149
}
150150

151151
.contribution-icon {
152152
width: 48px;
153153
height: 48px;
154154
border-radius: 12px;
155-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
155+
background: linear-gradient(135deg, #ff7b00 0%, #e65100 100%);
156156
display: flex;
157157
align-items: center;
158158
justify-content: center;
@@ -175,7 +175,7 @@ full-width: true
175175
}
176176

177177
.contribution-content a {
178-
color: #667eea;
178+
color: #ff7b00;
179179
text-decoration: none;
180180
}
181181

@@ -222,15 +222,15 @@ full-width: true
222222
}
223223

224224
.skill-item:hover {
225-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
225+
background: linear-gradient(135deg, #ff7b00 0%, #e65100 100%);
226226
color: white;
227227
}
228228

229229
/* Quote section */
230230
.quote-section {
231231
text-align: center;
232232
padding: 3rem 2rem;
233-
background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
233+
background: linear-gradient(135deg, #ff7b00 0%, #e65100 50%, #ffab40 100%);
234234
border-radius: 20px;
235235
margin: 3rem 0;
236236
color: white;
@@ -282,23 +282,23 @@ full-width: true
282282
}
283283

284284
.cta-btn.primary {
285-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
285+
background: linear-gradient(135deg, #ff7b00 0%, #e65100 100%);
286286
color: white;
287287
}
288288

289289
.cta-btn.primary:hover {
290290
transform: translateY(-2px);
291-
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
291+
box-shadow: 0 4px 15px rgba(255, 123, 0, 0.4);
292292
}
293293

294294
.cta-btn.secondary {
295295
background: white;
296-
color: #667eea;
297-
border: 2px solid #667eea;
296+
color: #ff7b00;
297+
border: 2px solid #ff7b00;
298298
}
299299

300300
.cta-btn.secondary:hover {
301-
background: #667eea;
301+
background: #ff7b00;
302302
color: white;
303303
}
304304

@@ -353,7 +353,7 @@ full-width: true
353353
left: 0;
354354
right: 0;
355355
height: 4px;
356-
background: linear-gradient(90deg, #00d4aa 0%, #00b4d8 50%, #7209b7 100%);
356+
background: linear-gradient(90deg, #00d4aa 0%, #00b4d8 50%, #ff5722 100%);
357357
}
358358

359359
.merged-card::after {
@@ -478,7 +478,7 @@ full-width: true
478478
gap: 3rem;
479479
margin-top: 2rem;
480480
padding: 1.5rem;
481-
background: linear-gradient(135deg, rgba(0, 212, 170, 0.05) 0%, rgba(114, 9, 183, 0.05) 100%);
481+
background: linear-gradient(135deg, rgba(0, 212, 170, 0.05) 0%, rgba(255, 87, 34, 0.05) 100%);
482482
border-radius: 12px;
483483
}
484484

@@ -489,7 +489,7 @@ full-width: true
489489
.stat-number {
490490
font-size: 2.5rem;
491491
font-weight: 700;
492-
background: linear-gradient(135deg, #00d4aa 0%, #00b4d8 50%, #7209b7 100%);
492+
background: linear-gradient(135deg, #00d4aa 0%, #00b4d8 50%, #ff5722 100%);
493493
-webkit-background-clip: text;
494494
-webkit-text-fill-color: transparent;
495495
background-clip: text;

0 commit comments

Comments
 (0)