Make pledge icons opaque

src/components/CampaignCard.tsx

@@ -201,7 +201,7 @@ export function CampaignCard({ campaign, variant = 'compact', className, footerB
             />
           ) : (
             <div className="absolute inset-0 flex items-center justify-center">
-              <HandHeart className="size-12 text-primary/40" />
+              <HandHeart className="size-12 text-primary" />
             </div>
           )}
 

src/components/profile/ProfilePledgesTab.tsx

@@ -51,7 +51,7 @@ export function ProfilePledgesTab({
       <div className="px-4 sm:px-6 py-12">
         <Card className="border-dashed">
           <div className="py-12 px-8 text-center">
-            <HandHeart className="size-10 mx-auto mb-3 text-muted-foreground/40" />
+            <HandHeart className="size-10 mx-auto mb-3 text-muted-foreground" />
             <p className="text-muted-foreground max-w-sm mx-auto">
               {isOwnProfile
                 ? t('profile.pledgesTab.emptySelf')

src/pages/AllCampaignsPage.tsx

@@ -201,7 +201,7 @@ export function AllCampaignsPage() {
         ) : visible.length === 0 ? (
           <Card className="border-dashed">
             <CardContent className="py-12 px-8 text-center space-y-4">
-              <HandHeart className="size-10 text-muted-foreground/60 mx-auto" />
+              <HandHeart className="size-10 text-muted-foreground mx-auto" />
               <div className="space-y-1.5">
                 {activeQuery ? (
                   <>

src/pages/CampaignDetailPage.tsx

@@ -887,7 +887,7 @@ function CampaignHero({
           </>
         ) : (
           <div className="flex items-center justify-center aspect-[16/9] bg-gradient-to-br from-primary/30 via-primary/10 to-secondary">
-            <HandHeart className="size-20 text-primary/40" />
+            <HandHeart className="size-20 text-primary" />
           </div>
         )}
 

src/pages/CampaignsPage.tsx

@@ -451,7 +451,7 @@ function EmptyState() {
   return (
     <Card className="border-dashed">
       <CardContent className="py-12 px-8 text-center space-y-4">
-        <HandHeart className="size-10 text-muted-foreground/60 mx-auto" />
+        <HandHeart className="size-10 text-muted-foreground mx-auto" />
         <div className="space-y-1.5">
           <h3 className="text-lg font-semibold">{t('campaigns.home.empty')}</h3>
           <p className="text-muted-foreground max-w-sm mx-auto">

src/pages/MyDashboardPage.tsx

@@ -479,7 +479,7 @@ function CampaignsSection({
       {!isLoading && !hasCampaigns ? (
         <div className="pt-2">
           <EmptyShelf
-            icon={<HandHeart className="size-7 text-primary/70" />}
+            icon={<HandHeart className="size-7 text-primary" />}
             title="No campaigns yet"
             body="Start a fundraiser, tell your story, and share it with the world."
             ctaLabel="Start a campaign"