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}
     />