engineering/tpmjs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2.3k

fix(ui): correct button text visibility in HeroSection search button

Browse source 
Replace text-background with text-foreground to ensure button text is visible against the bright accent background color in both light and dark themes.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ajax Davis 2025-11-27 19:34:14 +10:00
parent 21802ba9bf
commit a6dfde3383
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/web/src/components/home/HeroSection.tsx
View file

@ -113,7 +113,7 @@ export function HeroSection(): React.ReactElement {
{/* Search Button */}
<Button
size="lg"
className="brutalist-border-thick absolute right-2 top-1/2 -translate-y-1/2 h-12 md:h-16 px-6 md:px-8 bg-brutalist-accent text-background hover:bg-brutalist-accent-hover font-bold uppercase tracking-wider shadow-lg"
className="brutalist-border-thick absolute right-2 top-1/2 -translate-y-1/2 h-12 md:h-16 px-6 md:px-8 bg-brutalist-accent text-foreground hover:bg-brutalist-accent-hover font-bold uppercase tracking-wider shadow-lg"
style={{ borderRadius: 0, borderColor: 'hsl(var(--foreground))' }}
>
Search