From 6ed5ac23cb6b9100cd09a9699ae3a1c043b9046e Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Wed, 8 Jul 2026 16:37:38 +0700
Subject: [PATCH] Invert SNT4EVER logo for contrast on dark background

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 src/pages/SupportersPage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/SupportersPage.tsx b/src/pages/SupportersPage.tsx
index 3125226..71003a4 100644
--- a/src/pages/SupportersPage.tsx
+++ b/src/pages/SupportersPage.tsx
@@ -28,6 +28,7 @@ interface Partner {
 interface Friend {
   name: string;
   logo?: string;   // URL to logo (SVG/PNG transparent preferred, min 200×200px)
+  invertLogo?: boolean; // true if logo is dark and needs inversion for dark backgrounds
   url: string;
   tagline?: string;
 }
@@ -55,6 +56,7 @@ const FRIENDS: Friend[] = [
   {
     name: 'SNT4EVER',
     logo: 'https://blossom.ditto.pub/f6e1d75ed8123b860ca139ee2d43a0a1238b89a0bec24752d9fe48cc41aa5d4c.png',
+    invertLogo: true,
     url: 'https://www.snt4ever.cat/',
     tagline: 'Bringing back up Sants Estació',
   },
@@ -258,7 +260,7 @@ function FriendCard({ friend }: { friend: Friend }) {
           <img
             src={friend.logo}
             alt={friend.name}
-            className="w-12 h-12 object-contain"
+            className={`w-12 h-12 object-contain${friend.invertLogo ? ' invert brightness-200' : ''}`}
             onError={(e) => { (e.target as HTMLImageElement).style.display = 'none'; }}
           />
         ) : (