Align ExposedGays theme with Pink Pulse colors, typography, and pill buttons

This commit is contained in:
Ryan Salazar
2026-06-26 21:58:29 -04:00
parent 76834b3d21
commit 9604a18f7c
20 changed files with 236 additions and 119 deletions

View File

@@ -56,7 +56,7 @@ export function GuestUpgradeBanner({
return (
<>
<div className="rounded-xl border border-amber-500/25 bg-[#0a1628]/90 p-4 relative">
<div className="rounded-xl border border-primary/25 bg-pulse-midnight/90 p-4 relative">
{onDismiss && (
<button
type="button"
@@ -68,11 +68,11 @@ export function GuestUpgradeBanner({
</button>
)}
<div className="flex gap-3">
<div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-blue-500/20">
<ShieldCheck className="h-5 w-5 text-blue-400" />
<div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary/20">
<ShieldCheck className="h-5 w-5 text-pulse-pink-light" />
</div>
<div className="flex-1 min-w-0 pr-6">
<p className="text-sm font-semibold text-blue-100">{msg.title}</p>
<p className="text-sm font-semibold text-foreground">{msg.title}</p>
<p className="text-xs text-muted-foreground mt-1 leading-relaxed">{msg.body}</p>
<Button
variant="horny"