From 8a9ec13e8a12fd3a58a3d410400f219fcae72f06 Mon Sep 17 00:00:00 2001
From: Anthony Shew <anthonyshew@gmail.com>
Date: Mon, 19 Jan 2026 07:02:08 -0700
Subject: [PATCH] fix: Make showcase page logos theme-aware grayscale

---
 docs/site/app/_clients/client-logo.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/docs/site/app/_clients/client-logo.tsx b/docs/site/app/_clients/client-logo.tsx
index 4bd3d1bb42fed..60ee066b8ff24 100644
--- a/docs/site/app/_clients/client-logo.tsx
+++ b/docs/site/app/_clients/client-logo.tsx
@@ -35,13 +35,19 @@ export function Logo({
     numericHeight = styles.height;
   }
 
+  // Use white logos as base, invert for light mode to get dark grayscale logos
   const logo = (
     <Image
       alt={`${user.caption}'s Logo`}
-      className={cn("mx-8", className)}
+      className={cn(
+        "mx-8",
+        // Light mode: invert white logos to dark
+        theme === "dark" && "invert",
+        className
+      )}
       height={numericHeight}
       priority
-      src={theme === "light" ? user.imageWhite : user.imageColor}
+      src={user.imageWhite}
       style={styles}
       width={numericWidth}
     />