fix(homepage): use inline styles for Your Journey text contrast

Switched from Panda CSS to direct inline styles with hex colors:
- Labels (Beginner/Intermediate/Advanced/Master): #e5e7eb (light gray)
- Subtitle: #e5e7eb (light gray)
- Arrows: #9ca3af (medium gray)
- Footer: #d1d5db (light gray)

This bypasses any CSS framework issues and applies colors directly.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock 2025-10-19 14:05:55 -05:00
parent e7e54619ae
commit 8e51390018
1 changed files with 14 additions and 14 deletions

View File

@ -379,9 +379,7 @@ export default function HomePage() {
>
Your Journey
</h2>
<p className={css({ color: 'rgba(229, 231, 235, 1)', fontSize: 'md' })}>
Progress from beginner to master
</p>
<p style={{ color: '#e5e7eb', fontSize: '16px' }}>Progress from beginner to master</p>
</div>
<div
@ -426,17 +424,17 @@ export default function HomePage() {
>
{stage.level}
</div>
<div className={css({ fontSize: 'sm', color: 'rgba(229, 231, 235, 1)' })}>
{stage.label}
</div>
<div style={{ fontSize: '14px', color: '#e5e7eb' }}>{stage.label}</div>
{i < 3 && (
<div
className={css({
display: { base: 'none', md: 'block' },
style={{
position: 'absolute',
right: '-50%',
fontSize: 'xl',
color: 'rgba(156, 163, 175, 1)',
fontSize: '20px',
color: '#9ca3af',
}}
className={css({
display: { base: 'none', md: 'block' },
})}
>
@ -446,12 +444,14 @@ export default function HomePage() {
))}
</div>
<div
style={{
textAlign: 'center',
fontSize: '14px',
color: '#d1d5db',
fontStyle: 'italic',
}}
className={css({
mt: '6',
textAlign: 'center',
fontSize: 'sm',
color: 'rgba(209, 213, 219, 1)',
fontStyle: 'italic',
})}
>
You'll progress through all these levels eventually