Skip to content

Commit 380081c

Browse files
Kosthiclaude
andcommitted
style: replace purple accents with amber and simplify nav-logo
Swap purple (accent-secondary) to amber (#f59e0b) for member card hover states, detail values, now-at badges, and card glow effects. Simplify nav-logo from gradient text to solid cyan color. Adjust radial gradient and box-shadow colors from purple to warm amber to align with the updated theme palette. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 7332127 commit 380081c

File tree

2 files changed

+24
-16
lines changed

2 files changed

+24
-16
lines changed

src/styles/global.css

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -712,7 +712,7 @@
712712
}
713713

714714
.member-card:hover .member-name {
715-
color: var(--accent-secondary);
715+
color: #f59e0b;
716716
transform: translateY(-2px);
717717
}
718718

@@ -1144,8 +1144,8 @@
11441144
margin: 0.55rem 0 0.65rem;
11451145
padding: 0.45rem 0.6rem;
11461146
border-radius: 10px;
1147-
border: 1px solid rgba(96, 165, 250, 0.35);
1148-
background: rgba(59, 130, 246, 0.12);
1147+
border: 1px solid rgba(245, 158, 11, 0.30);
1148+
background: rgba(245, 158, 11, 0.10);
11491149
}
11501150

11511151
.member-now-at span:not(.detail-icon) {
@@ -1162,7 +1162,7 @@
11621162
flex: 1 1 auto;
11631163
min-width: 0;
11641164
font-weight: 600;
1165-
color: var(--accent-secondary);
1165+
color: #f59e0b;
11661166
overflow-wrap: anywhere;
11671167
}
11681168

@@ -2264,7 +2264,7 @@
22642264
.news-item:hover {
22652265
box-shadow: 0 26px 60px rgba(0, 0, 0, 0.55),
22662266
0 0 0 1px rgba(34, 211, 238, 0.24),
2267-
0 0 60px rgba(168, 85, 247, 0.12);
2267+
0 0 60px rgba(245, 158, 11, 0.12);
22682268
}
22692269

22702270
.member-avatar {
@@ -2619,10 +2619,7 @@
26192619
}
26202620

26212621
.nav-logo {
2622-
background: linear-gradient(90deg, var(--c1) 0%, var(--c3) 45%, var(--c2) 100%);
2623-
-webkit-background-clip: text;
2624-
-webkit-text-fill-color: transparent;
2625-
background-clip: text;
2622+
color: var(--c1);
26262623
}
26272624

26282625
.nav-logo-img {
@@ -3271,7 +3268,7 @@
32713268
background: radial-gradient(
32723269
circle,
32733270
rgba(34, 211, 238, 0.4) 0%,
3274-
rgba(168, 85, 247, 0.2) 40%,
3271+
rgba(245, 158, 11, 0.2) 40%,
32753272
transparent 70%
32763273
);
32773274
border-radius: 50%;
@@ -3406,7 +3403,7 @@
34063403
background: linear-gradient(
34073404
135deg,
34083405
rgba(34, 211, 238, 0.5),
3409-
rgba(168, 85, 247, 0.3),
3406+
rgba(245, 158, 11, 0.3),
34103407
rgba(96, 165, 250, 0.4)
34113408
);
34123409
border-radius: inherit;
@@ -3429,7 +3426,7 @@
34293426
0 4px 6px rgba(0, 0, 0, 0.1),
34303427
0 10px 20px rgba(0, 0, 0, 0.15),
34313428
0 20px 40px rgba(34, 211, 238, 0.1),
3432-
0 0 60px rgba(168, 85, 247, 0.05);
3429+
0 0 60px rgba(245, 158, 11, 0.05);
34333430
}
34343431

34353432
/* Staggered hover animations for card children */

src/styles/theme-tokens.css

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -279,10 +279,7 @@ html:not(.theme-preload) .timeline-event {
279279

280280
/* Nav logo text gradient in light */
281281
:root[data-theme="light"] .nav-logo {
282-
background: linear-gradient(90deg, var(--c1) 0%, var(--c3) 45%, var(--c2) 100%);
283-
-webkit-background-clip: text;
284-
-webkit-text-fill-color: transparent;
285-
background-clip: text;
282+
color: var(--c1);
286283
}
287284

288285
/* Nav logo image border */
@@ -558,6 +555,20 @@ html:not(.theme-preload) .timeline-event {
558555
box-shadow: 0 8px 24px rgba(41, 37, 28, 0.08);
559556
}
560557

558+
/* Member card amber accents - light mode uses deeper amber for contrast */
559+
:root[data-theme="light"] .member-card:hover .member-name {
560+
color: #b45309;
561+
}
562+
563+
:root[data-theme="light"] .detail-value {
564+
color: #b45309;
565+
}
566+
567+
:root[data-theme="light"] .member-now-at {
568+
border-color: rgba(180, 83, 9, 0.25);
569+
background: rgba(245, 158, 11, 0.08);
570+
}
571+
561572
/* Logo container */
562573
:root[data-theme="light"] .logo {
563574
background: rgba(41, 37, 28, 0.03);

0 commit comments

Comments
 (0)