diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-08-04 11:12:44 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-08-04 11:12:44 +0200 |
| commit | efa5be2ab8fd5be095995378caddd0784fc3fbd3 (patch) | |
| tree | ccc4cab14e9ab53f34bbecfeb3b3f8acf04e1b03 /apps/web/src/components/ui/sponsor-button.tsx | |
| parent | b0cfedbc5aacdaf4df165ef4b0a61c3128aff1f2 (diff) | |
| download | opencut-efa5be2ab8fd5be095995378caddd0784fc3fbd3.tar.gz | |
feat: proper light mode for hero section
Diffstat (limited to 'apps/web/src/components/ui/sponsor-button.tsx')
| -rw-r--r-- | apps/web/src/components/ui/sponsor-button.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/apps/web/src/components/ui/sponsor-button.tsx b/apps/web/src/components/ui/sponsor-button.tsx index 9dc8e966..146566a6 100644 --- a/apps/web/src/components/ui/sponsor-button.tsx +++ b/apps/web/src/components/ui/sponsor-button.tsx @@ -19,18 +19,18 @@ export function SponsorButton({ href={href} target="_blank" rel="noopener noreferrer" - className={`inline-flex items-center gap-2 px-3 py-2 rounded-full border border-white/10 bg-white/5 backdrop-blur-xs hover:bg-white/10 hover:border-white/20 transition-all duration-200 group shadow-lg ${className}`} + className={`inline-flex items-center gap-2 px-3 py-2 rounded-md border border-border bg-background/5 backdrop-blur-xs hover:bg-background/10 transition-all duration-200 group shadow-lg ${className}`} > - <span className="text-xs font-medium text-zinc-400 group-hover:text-zinc-300 transition-colors"> + <span className="text-xs font-medium text-muted-foreground group-hover:text-foreground transition-colors"> Sponsored by </span> <div className="flex items-center gap-1.5"> - <div className="text-zinc-100 group-hover:text-white transition-colors"> + <div className="text-foreground/90 group-hover:text-foreground transition-colors"> <Logo className="w-4 h-4" /> </div> - <span className="text-xs font-medium text-zinc-100 group-hover:text-white transition-colors"> + <span className="text-xs font-medium text-foreground/90 group-hover:text-foreground transition-colors"> {companyName} </span> </div> |